body{
background-color:#f5f5f5;
}

h1, h2, h3{
word-break:break-all;
}

p{
 white-space: normal;
}


.navbar-brand{
color:white!important;
}

.homebox{
height: auto;
background-color:#FFF;
margin-top:20px;min-height: 400px;
}

.caption{
background-color: rgba(255,255,255,0.8);
height:230px;
margin-top:10%;
width:50%;
margin-left:auto;
margin-right:auto;
}

.caption h1{
text-align:center;
}

.caption h2{
text-align:center;
}

.caption p{
text-align:center;
}

.captionwrapper{
position:absolute;z-index: 2;
}


.boxwrapper{
margin-top:40px;
margin-bottom: 250px;
position: relative;
}

.footer .container{
width:90%;
max-width:100%;
}

.footer .footer-companyinfo span{
float:right;
margin-top: 19px;
color:#aeaeae;

}

.footer-socialmedia .fa{
padding-top:50px;
color:white!important;
}

.footer .footer-companyname span{
float:left;
margin-top: 19px;
color:#aeaeae;
}

.img-head{
    height:180px;
    overflow:hidden;
    margin:0!important;
    padding:0;
}

.img-head img{
    width:100%;
    /* margin-top:-25%; */
}

.whitewrapper{
background-color:#FFF;
margin-top:2%;
margin-bottom:244px;
padding: 20px;
float: left;
word-break:break-all;
}

.whitewrapper h1{
font-weight:800;
text-transform:uppercase;
margin-top:0px!important;
}

.whitewrapper p{
line-height:30px;
}

.whitewrapperimg{
padding:20px;
}

.whitewrapperimg img{
float:right;
max-height:600px;
}

.whitewrapper .col-md-12{
padding:0px;
}

.whitewrappertxt{
padding:15px;
word-break:normal
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

.captionwrapper {
width:100%;
margin:0px!important;
z-index:1;
}

.caption{
 width:100%;
 margin-top:100px;
 height:auto;
}

.footer{

height:auto!important;}

.footer span{
margin:10px;
}

.footer .container{
width:100%;
max-width:100%!important;
}

.footerlogo{
float: left;
}

.projectbox h3{
padding:0px;
}

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
      
.caption{
height:auto!important;
min-height:230px;
}

.footer{
min-height:100px;
height:auto;
}

.homebox{
margin-bottom:150px;
min-height:450px!important;
height:auto;
}

.col-sm-12 label{
font-size:10px;
}


}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

.caption{
height:auto!important;
min-height:230px;
}

.footer{
min-height:260px;
height:auto;
}

.whitewrapper{
margin-bottom:300px;
}

.col-sm-12 label{
font-size:10px;
}

}