/* first for IE 4–8 */
@font-face {
  font-family: CDUKievitWeb-Medium;
  src: url("CDUKievitWeb-Medium.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: CDUKievitWeb-Medium;
  src: url("CDUKievitWeb-Medium.woff") format("woff");
}


body {
     font-family: CDUKievitWeb-Medium, sans-serif;
    font-size: 1.2em;
    line-height: 1.3em;
	background-color: #dcdbd7;
	margin: 0;
}


section{display: flow-root;

padding-top: 5%;
margin: 0;
left: 0;
position: relative;
width: 100%;}

header {  
width: 100%;
position: relative;
left: 0;
}

#page-wrap {
     max-width: 1920px;
     margin: 0 auto;
}


h1, h2{
	font-size: 1.8em;
	line-height: 1.12em;
	padding-left: 25px;
	background-color: #fff;
	margin-bottom: 0;
	margin-top: 0.5%;
	}
	
h3 	{
	color: #fff;
	font-size: 0.7em;
	padding-left: 25px;
	margin-top: 5px;
	background-color: #001522;
	margin-bottom: 0;
	
	}
a {color:#cd1920;}

.w60{width: 60%;}
.w50{width:	50%;}
.w45{width: 45%;}
.w40{width: 40%;}
.w35{width: 35%;}
.w30{width: 30%;}



img {max-height:100%;
		max-width:100%;
	
	}
	
.whitebg {
	max-width:70%;
}
.blackbg{
	max-width:50%;
}
.whitenmb{background-color: #f9f9f9;color:#000000}
.graynmb{background-color: #b5afb0;color:#fff;}


.cdustopper{
position: absolute;
right: 15%;
bottom: 10%;
height: 25%;
}

.arrow {position: absolute;
top: -200px;
right: 50%;
display:none;

}
.herobanner{
	position:relative;
	top: -15px;
	height:0;
	padding-top:66%;
	background-image: url("xbanner.jpg.pagespeed.ic.GxdGcKHtoc.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
}
  
 .cdu-logo { 
 position:absolute;
 right:0;
 top:10vh;
 height:10vh;
 width:auto;
 
 } 
.bannertxt {
padding-top: 20%;
padding-left: 5%;	
	
}
.textcontent{
	position: relative;
	max-width: 80%;
    left: 8%;
}
  
.nmbcontainer {
  position:relative;
  cursor: pointer;
  display: block;
  width: 33.33%;
  height: 400px;
  float: left;
  transition: all 0.1s ease;
  display:table;
  vertical-align:center;
display: flex;
align-items: center;
justify-content: center; 
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center; 
}

.nmboverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
transition: .2s ease;
  background-color: #151515;
display: flex;
align-items: center;
justify-content: center;
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
}

.nmbheadline {	
	position:relative;
	  display:table-cell;
	font-size:8vh;

	
	}
.nmbtext {
color: white;
font-size: 1em;
line-height: 1.2em;
position: absolute;

text-align: center;
padding-left: 5%;
padding-right: 5%;
}
.nmboverlay:hover,
.nmboverlay:active,
.nmbcontainer:hover .nmboverlay, 
.nmbcontainer:active .nmboverlay{
  opacity: 1;
}

.numberwrapper {

	overflow:hidden;
	float:left;
	
	}
	

	
@media (max-width: 450px) {
h1, h2{}
h3 	{padding-left: 25px;}
.herobanner{padding-top:100%; background-size: 100% auto;background-position: 55% top;background-image: url("xbanner_q.jpg.pagespeed.ic.YGr7tv-xkN.jpg")}
.bannertxt {display:none;}	
.cdustopper{right: 15%;bottom: 5%;height: 23%}
.cdu-logo {top:5vh;height:5vh;} 
.nmbcontainer {width: 100%; height:300px;}
.nmboverlay {display: block;} 
.nmbtext {top:15%;}
.nmbtext {top:15%;}

}
@media (min-width: 300px) and (max-width: 449px) {
.herobanner{ background-size: 100% auto;background-position: 55% top;}
}	
	

@media (min-width: 451px) and (max-width: 668px){
h1, h2{}
h3 	{padding-left: 25px;} 
.herobanner{background-size: 100% auto;background-position: 55% top;}
.bannertxt {display:none;}	
.cdustopper{right: 15%;bottom: 5%;height: 23%}
.nmbcontainer {width: 50%; height:350px;}
.nmboverlay {display: block;}



.nmbtext {top:25%;} 

}

@media (min-width: 669px) and (max-width: 767.98px)  {

.herobanner{background-size: 100% auto;background-position: 85% top;}
.nmbcontainer {width: 50%; height:300px;}


.cdu-logo {top:4vh;height:4vh;} 
.w60{width: 100%;}
.w50{width:	100%;}
.w45{width: 100%;}
.w40{width: 100%;}
.w35{width: 100%;}
.w30{width: 100%;}
.whitebg {max-width: 80%;}
.blackbg { max-width: 70%;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
.herobanner{background-size: 100% auto;background-position: 85% top;}
.nmbcontainer {width: 33.33%; height:320px;}

.cdu-logo {top:5vh;height:5vh;} 
.w60{width: 100%;}
.w50{width:	100%;}
.w45{width: 90%;}
.w40{width: 100%;}
.w35{width: 100%;}
.w30{width: 100%;}
.whitebg {max-width: 100%;}
.blackbg { max-width: 100%;}





@media (min-width: 992px) and (max-width: 1199.98px) { 
.herobanner{height:60vh;background-size: 100% auto;background-position: center top;} }
.nmbheadline {font-size: 10vh;}
.nmbcontainer {width: 33.33%; height:300px;}

 
@media (min-width: 1200px){
.herobanner{height:110vh;background-size: 100% auto;background-position: center top;}
.nmbcontainer {width: 33.33%; height:300px;}
}

@media (min-width: 1500px){
.herobanner{height:105vh;background-size: 100% auto;background-position: 50% top;}
.nmbheadline {font-size: 10vh;}
.nmbcontainer {width: 33.33%; height:500px;}


}