/* big tablets- 1200px 1024-1200px*/
@media only screen and (max-width: 1200px){
 .hero-text-box{
    width: 100%;
    padding: 0 2%;}   
    .row {padding: 0 2%}
    h1 {
    font-size: 240%;
    word-spacing: 2px;
    letter-spacing: 0.5px;
       
    }
}



/*small tablets to big tablets 768-1023px*/
@media only screen and (max-width: 1023px){
    body{font-size: 18px;}
    section {padding: 60px 0;}
    .hero-text-box{padding: 0 10%;}  
   .hw-pic {height: 130px;}
    .icon-big {
    font-size: 250%;
    margin-bottom: 5px;
}
.submit-btn{margin: 0 25%;}
.g-recaptcha{margin: 0 15%;}    
.icon-small {
    width: 5px;
    margin: 0;

}
    .section-what-we-do div {
        padding: 0;
    }
    
 
h2 {   
    font-size: 130%;
    word-spacing: 1.5px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    }
    .section-plans {font-size: 85%;}
}

/*small tablets 481-767px*/
@media only screen and (max-width: 767px){
    body {font-size: 16px;}  
    section {padding: 30px 0;}
    .row,
    .hero-text-box {padding: 0 4%;}
    .col {width: 100%;
    margin: 0 0 2% 0;}
    .main-nav {display: none;}
    .mobile-nav-icon {display: inline-block;}    
    .main-nav {float: left;
    margin-top: 25px;
    margin-left: 35px;}
    .main-nav li {display: block;}
    .main-nav li a:link,
    .main-nav li a:visited {
        display: block;
        border: 0;
        padding: 10px 0;
        font-size: 90%;
    }
 .submit-btn{margin: 0 35%;}
.g-recaptcha{margin: 0 25%;}       
.sticky .main-nav {margin-top: 5px;}
.sticky .main-nav li a:link, 
.sticky .main-nav li a:visited {
    padding: 5px 0;
    color: #555;
    float: left;}
    .sticky .mobile-nav-icon {margin-top: 10px;}
    .sticky .mobile-nav-icon i {color: #555;}
    h1 {font-size: 150%;}
    h2 {font-size: 120%;}
    .long-copy {width: 100%; margin:20px 0;}
    .hero-text-box{padding: 0 5%;}  
    
.btn:link,
.btn:visited {
    display: inline-block;
    padding: 5px 15px;
    }
.hw-pic {height: 90px;}
.icon-small {
    width: 30px;
    text-align: center;
    font-size: 100%;
    margin-top: -5px;
    vertical-align: middle;
    margin-right: 10px;}
.contact-form {width: 100%;
    margin: 0 3%;}



}

/*small phones 0-480px*/
@media only screen and (max-width: 480px){
    body {font-size: 14px;}
    section {padding : 25px 0;}
    .box img {margin-left:25%;
    width: 50%;
    }
    .submit-btn{margin: 0 30%;}
.g-recaptcha{margin: 0 5%;}     
    .social-links{display: block;
    float: left;}
    footer {
    background-color: #333;
    padding: 10px;
    font-size: 60%;
}
     .main-nav {margin-top: 15px;}
    
    .main-nav li a:link,
    .main-nav li a:visited {padding: 2px 0;
        font-size: 90%;
    }
    .plan-btn {width: 30%; margin-left: 35%;text-align: center;margin-top: 20px;}

    

    .logo {
        height: 70px;
    }