/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.container { padding: 2% !important; }

.table td,
.table th{
    white-space:nowrap;
}

body, p, a { font-size: 14px !important; font-weight: 200 !important; letter-spacing: 1px !important; }
h1 { font-size: 42px !important; letter-spacing: 1px !important; }
h2 { font-size: 36px !important; letter-spacing: 1px !important; }
h3 { font-size: 30px !important; letter-spacing: 1px !important; }
h4 { font-size: 24px !important; letter-spacing: 1px !important; }
h5 { font-size: 18px !important; letter-spacing: 1px !important; }
h6 { font-size: 16px !important; letter-spacing: 1px !important; }

td { font-size: 13px !important; }

.fs15 { font-size: 15px !important; }
.fs12 { font-size: 12px !important; }
.fs10 { font-size: 10px !important; }

.w100 { width: 100% !important; }

.padd0 { padding: 0 !important; }
.padd1 { padding: 1% !important; }
.padd2 { padding: 2% !important; }
.padd3 { padding: 3% !important; }
.padd5 { padding: 5% !important; }
.marg0 { margin: 0 !important; }

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #ffffff40;
  border-top: 5px solid white;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


@media (max-width: 767px){
	
	body, p, a { font-size: 12px !important; font-weight: 200 !important; letter-spacing: 1px !important; }
	h1 { font-size: 39px !important; letter-spacing: 1px !important; }
	h2 { font-size: 33px !important; letter-spacing: 1px !important; }
	h3 { font-size: 27px !important; letter-spacing: 1px !important; }
	h4 { font-size: 21px !important; letter-spacing: 1px !important; }
	h5 { font-size: 15px !important; letter-spacing: 1px !important; }
	h6 { font-size: 13px !important; letter-spacing: 1px !important; }
	
	a {align-content: center !important; }
	
	.justcenter { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; width: 100% !important; }
	.allcenter { text-align: center !important; align-items: center !important; width: 100% !important; }
	
	.w100m { width: 100% !important; }
}