/*Big tablet to 1200px (widths smaller than the 1140px row)*/
@media only screen and (max-width:1200px){
    .hero-text-box {
       width:100%;
       padding: 0 2%; 
  }
    .row{
        padding:0 2%;
    }
   
}

/*Small tablet to big tablet:from 768 to 1023px */
@media only screen and (max-width:1023px){
    body{font-size:18px;}
    section {padding:60px 0;}
    
    .long-copy{
        width: 80%;
        margin-left: 10%;
}
   body,html{
        margin-right:0;
    }
     .logo{
         margin-top:30px;
    
    }
      .sticky .main-nav li a:link,
    .sticky .main-nav li a:visited{
    padding: 12px 0;
    
    }
 
     .social-links{
        margin-left: 220px;
        
    }
    
}

/*Small phones to small tablets:from 481 to 767px*/
@media only screen and (max-width:767px){
    body {font-size:16px;}
    section {padding: 30px 0;}
    
    .row,
    .herto-text-box{padding: 0 4%;}
    
    .col {width:100%; }
    
    /*.main-nav {display:none;}*/
    .mobile-nav-icon{display: inline-block;}
    
    .main-nav{
        float:left;
        margin-top: 25px;
        
        
    }
    
    .main-nav li {
        display: block;
    }
    
    .main-nav li a:link,
    .main-nav li a:visited{
        display: block;
        border:0; 
        padding: 5px 0;
        font-size: 50%;
    }
    
    h1 {font-size:180%;}
    h2 {font-size:150%;}
    
    .long-copy{
        width:100%;
        margin-left:0%;
    }
    
    body,html{
        margin-right:0;
    }
     .logo{
         margin-top:30px;
    
    }
      .sticky .main-nav li a:link,
    .sticky .main-nav li a:visited{padding: 12px 0;}
     .sticky .mobile-nav-icon {margin-right: 10px;}
    .sticky .mobile-nav-icon i{color:#555;}
    
    .social-links{
        margin-left: -20px;
        margin-right:250px;
    }
}


/*Small phones: from 0 to 480px */
@media only screen and (max-width:480px) {
    section{padding:25px 0;}
    .contact-form{width:100%;}
    
    body,html{
        margin-right: 0;
        margin-left: 5px;
    }
     .logo{
         margin-top:30px;
    
    }
    
    .sticky .main-nav li a:link,
    .sticky .main-nav li a:visited{
    padding: 12px 0;
    
      
}
    .social-links{
        margin-left:20px;
        margin-right: 140px;
    }
   
}