@media only screen and (min-width: 1366px) {
.hero-text-box {  
    top: 88.4%;
    left: 89.7%;  
    -webkit-transform: translate(-88.4%, -89.7%);
    transform: translate(-88.4%, -89.7%);
    }     
}


@media only screen and (min-width: 1400px) {
.hero-text-box {  
    top: 88.4%;
    left: 89.7%;  
    -webkit-transform: translate(-88.4%, -89.7%);
    transform: translate(-88.4%, -89.7%);
    }     
}


@media only screen and (min-width: 1440px) {
.hero-text-box {  
    top: 88%;
    left: 88.4%;  
    -webkit-transform: translate(-88%, -88.4%);
    transform: translate(-88%, -88.4%);
    }    
}


@media only screen and (min-width: 1500px) {
.hero-text-box {  
    top: 88%;
    left: 87.2%;  
    -webkit-transform: translate(-88%, -87.2%);
    transform: translate(-88%, -87.2%);
    }    
}


@media only screen and (min-width: 1536px) {
.hero-text-box {  
    top: 88%;
    left: 85.8%;  
    -webkit-transform: translate(-88%, -85.8%);
    transform: translate(-88%, -85.8%);
    }    
}

@media only screen and (min-width: 1600px) {
.hero-text-box {  
    top: 87.5%;
    left: 83.8%;  
    -webkit-transform: translate(-87.5%, -83.8%);
    transform: translate(-87.5%, -83.8%);
    }  
}



@media only screen and (min-width: 1680px) {
.hero-text-box {   
    top: 86%;
    left: 81.5%;  
    -webkit-transform: translate(-86%, -81.5%);
    transform: translate(-86%, -81.5%);
    }  
}


@media only screen and (min-width: 1800px) {
.hero-text-box {  
    top: 85%;
    left: 79%;  
    -webkit-transform: translate(-85%, -79%);
    transform: translate(-85%, -79%);
    }  
}



@media only screen and (min-width: 1920px) {
.hero-text-box { 
    top: 84%;
    left: 76.7%;  
    -webkit-transform: translate(-84%, -76.7%);
    transform: translate(-84%, -76.7%);
    }  
}


@media only screen and (min-width: 2000px) {
.hero-text-box {   
    top: 84%;
    left: 75.7%;  
    -webkit-transform: translate(-84%, -75.7%);
    transform: translate(-84%, -75.7%);
    }  
}


@media only screen and (min-width: 2100px) {
.hero-text-box {   
    top: 84%;
    left: 74.4%;  
    -webkit-transform: translate(-84%, -74.4%);
    transform: translate(-84%, -74.4%);
    }  
}


@media only screen and (min-width: 2200px) {
.hero-text-box {   
    top: 84%;
    left: 73.3%;  
    -webkit-transform: translate(-84%, -73.3%);
    transform: translate(-84%, -73.3%);
    }  
}


@media only screen and (min-width: 2350px) {
.hero-text-box {   
    top: 84%;
    left: 71.8%;  
    -webkit-transform: translate(-84%, -71.8%);
    transform: translate(-84%, -71.8%);
    }  
}



@media only screen and (min-width: 2560px) {
.hero-text-box {   
    top: 84%;
    left: 70%;  
    -webkit-transform: translate(-84%, -70%);
    transform: translate(-84%, -70%);
    }  
}





@media only screen and (max-width: 1320px) {

    section { padding: 0 1.5%;}
    
    nav {
    padding: 0 20px 0 0;
    }
    
    .section-history {   
    padding: 100px 20px 140px 20px;
    }

    .section-activity {   
    padding: 100px 20px 140px 20px;
    }
    
    .section-contact {
    padding: 100px 20px 140px 20px;
    }

    footer {
    padding: 0 20px 0 20px;
    }
    
}


@media only screen and (max-width: 1070px) {
    
    .main-nav li {
    margin-left: 13px;
    }
   
    .section-highlights {
    margin: 110px 0 0 0;
    }
    
    .section-history {   
    padding: 70px 20px 100px 20px;
    }

    .section-activity {   
    padding: 70px 20px 100px 20px;
    }
       
    .section-industrial { 
    padding: 70px 0px 80px 0px;      
    }
    
    .section-contact {
    padding: 70px 20px 90px 20px;
    }
    
    footer {
    height: 230px;
    }
    
    .footnav {
    padding-top:72px;
    }

    .footcred {
    padding-top: 72px;
    }
    
    .map-box {
    padding: 0 0 0 2.5%;  
    }

    .form-box {
    padding: 0 2.5% 0 0;
    }
}


@media only screen and (max-width: 1010px) {
    
    .main-nav li {
    margin-left: 10px;
    }
    
    
    .footcred p{
    font-size: 95%;
    }
}



@media only screen and (max-width: 985px) {
    
   
    .main-nav li a:link,
    .main-nav li a:visited {
    }
    
    .main-nav {
        margin-top: 127px;
    }
    
    .sticky .main-nav { margin-top: 25px;}
    
    h2 {
    font-size: 230%;
    margin: 25px 0px 60px 0px;  
}
    
       
    .section-highlights {
    margin: 90px 0 0 0;
    }
    
    .section-history {   
    padding: 65px 20px 100px 20px;
    }

    .section-activity {   
    padding: 65px 20px 100px 20px;
    }
       
    .activity-copy{
    padding: 20px;
    }
    
    .section-industrial { 
    padding: 65px 0px 80px 0px;      
    }
    
    .section-contact {
    padding: 65px 20px 90px 20px;
    }
    
    footer {
    height: 220px;
    }
    
    .footnav {
    padding-top:62px;
    }

    .footcred {
    padding-top: 62px;
    }
    
    
    html,
    body {
    font-size: 15px;
    line-height: 150%;
    }
    
    .footer-nav li
    {
    margin-right: 11px;
    }

    .footer-nav li:nth-child(3){
        margin-right: 9px;
    }
    .footer-nav li:nth-child(4){
        margin-right: 8px;
    }
    


    
}


@media only screen and (max-width: 940px) {
 
    .main-nav li {
        font-size: 92%;
        margin-left: 8px;
    }
    
    .logo {
        width: 26%;
        height:auto;
        margin-top: 2%;

    }
   
    nav {
        height: 130px;
    }
    
    
    .main-nav {
        margin-top: 9.8%;
    }
    
    .main-nav li a:link,
    .main-nav li a:visited {
    padding: 24px 0;
    color: #605d5c;
    text-decoration: none;
    border-bottom: 0px;
    -webkit-transition: color 0.4s ease-out;
    transition: color 0.4s ease-out;
}

    .main-nav li a:hover,
    .main-nav li a:active {
    border-bottom: 0px;
    color: #1e3c54;
}
    
    h2 {
    font-size: 220%;
    margin: 20px 0px 60px 0px;  
}
    
    
    .section-history {   
    padding: 60px 20px 70px 20px;
    }

    .section-activity {   
    padding: 60px 20px 70px 20px;
    }
       
    .activity-copy{
    padding: 15px;
    }
    
    .section-industrial { 
    padding: 60px 0px 70px 0px;      
    }
    
    .section-contact {
    padding: 60px 20px 70px 20px;
    }
    
    footer {
    height: 220px;
    }
    
    .footnav {
    padding-top:62px;
    }

    .footcred {
    padding-top: 62px;
    }
    
    
    .map-box {
    padding: 0 0 0 2.3%;  
    }

    .form-box {
    padding: 0 2.3% 0 0;
    }
    
}


@media only screen and (max-width: 900px) {
 
    .logo {
        margin-top: 2.4%;
    }
       
    .main-nav {
        margin-top: 10.2%;
    }    
    
        .map-box {
    padding: 0 0 0 2%;  
    }

    .form-box {
    padding: 0 2% 0 0;
    }
    
    .footcred p{
    font-size: 90%;
    }
}


@media only screen and (max-width: 860px) {
 
    .logo {
        margin-top: 2.8%;
    }
       
    .main-nav {
        margin-top: 10.4%;
    }   
    
        .map-box {
    padding: 0 0 0 1.8%;  
    }

    .form-box {
    padding: 0 1.8% 0 0;
    }
    
    .footcred p{
    font-size: 87%;
    }
    
}




@media only screen and (max-width: 830px) {
 
    .main-nav li {
        font-size: 92%;
        margin-left: 7px;
    }
    
    nav {
    padding: 0 15px 0 0;
    }
    
    .logo {
        margin-top: 3.2%;
    }
    
    
    .main-nav {
        margin-top: 10.65%;
    }
    
    
    .section-highlights {
    margin: 80px 0 0 0;
    }
    
    .section-industrial { 
    padding: 60px 0px 50px 0px;      
    }
    
    footer {
    height: 200px;
    }
    
    .footnav {
    padding-top:50px;
    }

    .footcred {
    padding-top: 50px;
    }
    
    
    .map-box {
    padding: 0 0 0 1.5%;  
    }

    .form-box {
    padding: 0 1.5% 0 0;
    }
 
    
    .footcred p{
    font-size: 80%;
    }
}


@media only screen and (max-width: 775px) {
 
    .footcred p{
          font-size: 95%;
    }
    
    footer {
        height: 210px;
    }
}




@media only screen and (max-width: 767px) {
 

    
    
    nav {
        padding: 0 10px 0 0;
    }
    
     .logo { 
        left:0px;
        height:53px;
        width:auto;
        margin-top: 8px;
    }
    
    
    nav {
        height: 74px;
    }
    
      
    .main-nav {
        display: none;
    } 
    .mobile-nav-icon {
        display: inline-block;
    }
    
    
    .main-nav {
        float: left;
        margin-top: 7px;
        margin-left: 155px;
    }
    
    .main-nav li {
        display: block;
    }
    
    .main-nav li a:link,
    .main-nav li a:visited {
        display: block;
        border: 0;
        padding: 0px 0;
        font-size: 85%;
    }
    
    .sticky .main-nav {
        margin-top: 7px;
        margin-left: 86px;
    }

    .sticky .main-nav li a:link,
    .sticky .main-nav li a:visited {
        padding: 0 0;
    }
    
    .sticky .mobile-nav-icon {
        margin-top: 25px;
        margin-left: 5px;
 }
    .sticky .mobile-nav-icon i { color: #1b384e; }

    
	.colhigh { 
		margin: 10px 0 10px 0;
	}
    
    .span-1-of-3 {
		width: 100%;
	}
    
    .colhigh .span-1-of-3{
        margin:auto;
    }
    
    
    .section-highlights {
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(47%, #fff), color-stop(47%, #dadada));
    background:  linear-gradient(180deg, #fff 47%, #dadada 47%);
    }
    
    
   /* .js--wp-1{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;     
    }
    
    .highlight-box{    
    flex: 0 0 auto;
    } */
    

}


@media only screen and (max-width: 720px) {

	.span-1-of-2 {
		width: 100%; 
	}
    
    .col { 
        margin: 0;
	}
    
    h2 {
    margin: 20px 0px 50px 0px;  
}
  
    
    
    .blueprints-box {
    position: relative;
    bottom: 0;
    right: 0;
    }
    
    .blueprints-box img {
        margin: 8% 0 0 10%;
        width:80%;
        height:auto;
    }
    
    .map-box {
    margin-top: 8%;
    padding: 0;  
    }

    .form-box {
    padding: 0;
    }
    
    
    .span-3-of-4textarea {
	width: 72.7%; 
    }
    
    
    .section-activity {
    background-size: 80%;
    background-position:bottom left;

    }
    
        
    .section-highlights {
    margin: 80px 0 0 0;
    }
    
    
     .section-history {   
    padding: 50px 20px 60px 20px;
    }
    
    .section-history h2{
    margin: 20px 0px 40px 0px;  
        
    }

    .section-activity {   
    padding: 50px 20px 60px 20px;
    }
       

    .section-industrial { 
    padding: 50px 0px 50px 0px;      
    }
    
    .section-contact {
    padding: 50px 20px 60px 20px;
    }
    
    
    .footcred p{
    font-size: 85%;
    }
    

}




@media screen and (max-width: 700px) , screen and (max-height: 550px) {
    
    .hero-text-box{
        display:none;
    }
    
    .mobile-text-box{
        display:block;
    }
    
        
    h1 {
    font-size: 210%;
    line-height: 100%;
    margin-bottom: 30px;
    }
    
}


@media only screen and (max-width: 630px) {
    
    footer {
        height: 265px;
    }
    
    .span-1-of-2foot {
        width: 100%; 
	}
    
    .colfoot { 
        margin: 0;
	}
    

    
    .footnav p{
        float:left;
        clear:both;
        padding:5px 0 0 0;
        letter-spacing: 0.4px;

    }
    
    .footnav {
        padding-top:20px;
    }
    
    .footer-nav {
        float:left;
        margin-bottom: 10px;
    }
    
    
    .footcred{
        padding: 25px 0 0 0;
    }
}
    

@media only screen and (max-width: 580px) {
    
    footer {
        height: 250px;
    }
    
    .footnav p{
        float:left;
        clear:left;
        padding:5px 0 0 0;
        letter-spacing: 0.4px;

    }
    
    .footnav {
        padding-top:20px;
    }
    
 
    
    .footcred img {
        width:160px;
        height:auto;
    }
    
    .footcred{
        padding: 25px 0 0 0;
    }
    
 
    
}


@media only screen and (max-width: 420px) {
    
    .footcred p{
    font-size: 95%;
    }
    
      .footcred p{
       margin-right: 8px;
    }
    
    footer{
        height: 270px;
    }
}



@media only screen and (max-width: 375px) {
    
    .footcred p{
    font-size: 95%;
    }
    
    .footcred p{
    margin-right: 0;
    }
}



@media only screen and (max-width: 360px) {
    
    .footcred p{
    font-size: 90%;
    }
    
    .footcred p{
    margin-right: 0;
    }
}


@media only screen and (max-width: 344px) {

    .footcred p{
    margin-right: 5;
    }
    
    .footcred p{
    font-size: 78%;
    }
}

@media only screen and (max-width: 330px) {

    input[type=reset] {
    font-weight: 500;
    font-size: 87%;    
    }


    input[type=submit] {
    font-weight: 500;
    font-size: 87%;   
    }

    .footcred p{
    font-size: 78%;
    }
    
    .footcred p{
    margin-right: 0;
    }  
    
    
    textarea {
    height: 180px;
}

}