* { box-sizing: border-box }
a:link { text-decoration: none; color: #0174DF; }
a:visited { text-decoration: none; color: #0174DF; }
a:active { text-decoration: none; color: #0174DF; }
a:hover  { text-decoration: none; color: #0174DF; }
a.topmenu:link { margin-right: 20px;}
a.topmenu:visited { margin-right: 20px;}
a.topmenu:active { margin-right: 20px;}
a.topmenu:hover  { margin-right: 20px;}
#about { float:right; width:80%; margin: 50px 30px 0 0;  }
#address { float:left; width:30%; padding-left: 30px; }
.address1 { margin-top:10px }
body { 	font-family: "Open Sans"; width: 100%; margin: 0 auto; }
#careers { float:right; width:80%; margin: 50px 30px 0 0;  }
#cfsent { color: red; } 
#contact { margin: 50px 30px 50px 0;  }
.contactfield { width: 100%; }
#contactform { float: left; width:70%; }
#content { width: 100%; font-size: 16px; color: #424242; }
.customerlogo {
	width:120px; 
	height:100px;
	margin-right:30px;
	display: inline-block;
}
#customerlogowin {
	width:100%;
	margin-top:50px;
	text-align: center;
}
#divbutton { text-align:center; font-size: 20px; height:50; background-color:#FF0A2F; color: #FFFFFF; padding: 0px 10px 5px 10px; margin:10px 0px 10px 0px; border-radius: 20px;}
#footer { clear:both; font-size: 10px; float: right; margin: 20px 50px 50px 0;}

.landingdrive { color:white; font-size:22px; margin-left:20%; margin-right:20%; margin-bottom:50px; }

#header { width:100%; position:fixed; top: 0px; padding-top:10px; background: white; opacity:0.95; } 
#logo { float: left; margin: 10px 0 10px 50px; }
.service1 { width: 100%; padding-top:50px; padding-bottom:50px; overflow:hidden; }
.service2 { width: 100%; background-color: #F2F2F2; padding-top:50px; padding-bottom:50px; overflow:hidden; }
.servicepic { float:left; width: 28%; margin-left: 6%; }
.serviceimg { max-width:200px; display:block; margin: 0 auto; padding-bottom:50px;}
.servicetext { float:left; width: 50%; margin-left: 8%; margin-right:8%; }
.servicetitle { color: #0174DF; font-weight: bold; }
.topbanner { width:100%; max-height:500px; }
#topmenu { float: right; padding-top: 20px; margin: 10px 50px 10px 0; font-weight: bold; }

/* Slideshow container */
.mySlides {display: none;}
.slideshow-container {
  width: 100%;
  margin-top: 30px;
  text-align: center;
}
.text {
	color: white;
	background-color: #3C7862; 
	margin-left: 8%;
	margin-right: 8%;
	width: 84%;
	text-align: center;
	padding: 20px;
}
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active {
  background-color: #717171;
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 2s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


@media only screen and (max-width:850px) { 
#about { float:none; width:100%; margin: 20px 0 0 0; padding: 10px;  }
#address { float:none; width:100%; margin-bottom:20px; padding-left: 50px;}
.address1 { float:left; margin-right:70px }
#contact { margin: 20px 0 20px 0;  }
#contactform { float: none; width:100%; margin: 30px 0 0 0; padding: 30px 10px 30px 10px; background-color: #F2F2F2; }
#careers { float:none; width:100%; margin: 20px 0 0 0; padding: 10px; }
#footer { clear:both; font-size: 10px; float: right; margin: 20px 20px 50px 0;}

.landingdrive {margin-left:5%; margin-right:5%; margin-bottom:50px; }

#logo { float:none; margin:5px 0 10px 5px; }
.service1 { padding-bottom:30px; }
.service2 { padding-bottom:30px; }
.servicepic { float:none; width: 100%; margin: 0 auto; padding:10px;}
.servicetext { float:none; width: 100%; margin-right: 0px; margin-top: 20px; margin-left: 0px; padding: 10px;}
.text { margin-left: 0; margin-right: 0; width: 100%;}
.topbanner { margin-top:100px; height:200px; }
#topmenu { padding-top: 0px; margin: 0 20px 10px 0;  } 
}