@font-face {
   font-family: 'montserrat-regular';
   src: url('../fonts/montserrat/montserrat-regular-webfont.eot');
   src: url('../fonts/montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/montserrat-regular-webfont.woff') format('woff'),
        url('../fonts/montserrat/montserrat-regular-webfont.ttf') format('truetype'),
        url('../fonts/montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'montserrat-bold';
   src: url('../fonts/montserrat/montserrat-bold-webfont.eot');
   src: url('../fonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/montserrat-bold-webfont.woff') format('woff'),
        url('../fonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'),
        url('../fonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
html {
	color: #575859;
}
body {
	height: 100%;
	font: 15px/30px "montserrat-regular", sans-serif;
	font-weight: normal;
	color: #575859;
	margin: 0;
	background-image: url("../images/bg/carbon_bg.png");
	background-size:     cover;                      
	background-repeat:   no-repeat;
    background-position: center center;
	background-color: #232629;
	
}
em {
	font: 15px/30px "montserrat-regular", sans-serif;
	font-style: normal;	
}
@media only screen and (max-width:900px) {
	#content-wrap {
		padding-top: 9%;
	}
}

main {
	text-align: center;
}
main.row {
	width: 94%;
	max-width: 900px;
	margin: 0 auto;
    margin-bottom:30px;
}
main::after {
	content: "";
	display: block;
	height: 50px;
}
main h1 {
	font: 38px/1.2em "montserrat-bold", sans-serif;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -1px;	
	color: #fbca08;
	margin: 18px 0 15px;
	margin-top: 0;
	margin-bottom: 12px;
	padding: 0;
}
main p {
	font: 17px/36px "montserrat-regular", sans-serif;
	color: #fff;
	margin: 15px 0 15px 0;
	margin-bottom: 18px;
	padding: 0;
}
main hr {
	border: solid #fbca08;
	border-width: 5px 0 0;
	margin: 19px auto 12px;
	height: 0;
	width: 350px;
}
main .site-header .logo {
	display: inline-block;
	vertical-align: middle;
	padding-left: 20vw;
	margin: 36px 0 36px 0;	
	width: 60%;
	height: 22vw;
	background: url("../images/logo/ProvoGator_logo21_white.png") no-repeat;
	background-size: contain;
}
#counter {
	width: 90%;
	color: white;
	text-align: center;
	margin: 18px auto 0;
}
#counter span {
	font: 62px/1em "montserrat-bold", sans-serif;
	display: block;
	padding: 12px 0 20px;
	min-width: 25%;
	float: left;
}
#counter span em {
	font: 11px/18px "montserrat-regular", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: -30px;
	display: block;
	color: rgba(255, 255, 255, 0.6);
}
kararehe {
	display: inline-flex;
}
.kItem{
	vertical-align: top;
    display: inline-block;
    text-align: center;
	margin-top: 10px;	
}
.k1,
.k2,
.k3 {
	margin-top: 10px;
	height: 250px;
	width: 175px;	
}
.caption{
	font: 18px/24px "montserrat-regular", sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-top: -10px;
	color: #fbca08;
}



footer {
	clear: both;
	font: 12px/24px "montserrat-regular", sans-serif;
	background: #000;
	padding: 18px 30px;
	color: #303030;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999992;
}
.footer-copyright {
	margin: 0;
	padding: 0;
	float: left;
}
.group .footer-copyright li {
    color: #909090;
    margin-left: 20px;
}
.footer-copyright li {
	display: inline-block;
	margin: 0;
	padding: 0;
    line-height: 24px;
}
@media (min-width: 901px){
main .site-header .logo {
	width: 100%;
	height: 22vw;
}    
}
@media (max-width: 500px){
#counter span {
	font: 40px/1em "montserrat-bold", sans-serif;
	padding: 10px 0 25px;
	min-width: 25%;
	float: left;
}
#counter span em {
	font: 9px/16px "montserrat-regular", sans-serif;
}    
}