/*---Big tablet: 1024-1200px Smaller than 1140px row ---*/
@media only screen and (max-width: 1200px) {
    
    .header-text-box {        
        width: 100%;
        padding: 0 2%;
    }
    
    .row { padding: 0 2%; }
    
    header {
        background-position: 0% 0%;
    }
        
}

/*---Small tablet to big tablet: 790-1023px ---*/
@media only screen and (max-width: 1023px) {
    
    body { font-size: 14px; }
    section { padding: 30px 0;}
    h1 { font-size: 250%; }
    
    .main-nav li {
        margin-left: 25px;
    }
    
    .main-nav li a:link,
    .main-nav li a:visited { padding: 2px 0; }
    
    h2 { margin-bottom: 15px; }
    h2:after { margin-top: 15px; }
    h3 { margin-bottom: 10px; }
    h3:after {
        height: 1px;
        margin-top: 10px;
    }
    
    .long-copy,
    .useful-list {
        width: 90%;
        margin-left: 5%;
    }
    
    .location-features { margin-bottom: 2px; }
    
    .icon-small,
    .icon-mail { 
        width: 15px;
        margin-right: 1px;
    }
    
    .main-nav { margin: 5px auto; }
    
    .sticky .main-nav li a:link,
    .sticky .main-nav li a:visited { padding: 5px 0; }
    
    header {
        background-position: 20% 0%;
    }
    
}



/*---Small phones to small tablet: 481-789px - iPad ---*/

@media only screen and (max-width: 789px) {
    body { font-size: 11px; }
    section { padding: 5px 0;}
    h1 { font-size: 220%; }
    
    h2 { margin-bottom: 10px; }
    h2:after { margin-top: 10px; }
    
    h3 { margin-bottom: 8px; }
    h3:after {
        height: 1px;
        margin-top: 8px;
    }
    
    .main-nav { display: none; }
    
    .mobile-nav-icon { display: inline-block; }
    
    .main-nav {
        float: left;
        margin-top: 8px;
        margin-left: 20px;
    }
    
    .main-nav li {
        display: block;
    }
    
    .main-nav li a:link,
    .main-nav li a:visited {
        display: block;
        border: 0;
        padding: 5px 0;
        font-size: 100%;
    }
         
    .sticky .main-nav li a:link,
    .sticky .main-nav li a:visited { padding: 5px 0; }
    .sticky .mobile-nav-icon { margin-top: 5px; }
    .sticky .mobile-nav-icon i { color: #044829; }
    
    .long-copy,
    .useful-list {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
    
    .icon-small,
    .icon-mail { 
        width: 10px;
        margin-right: 1px;
    }
    
    .col { 
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .address-features {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .address-box {
        margin-left: auto;
        margin-right: auto;
    }

     header {
        background-position: 20% 0%;
    }
    
    .header-text-box {
        text-align: center;
        top: 80%;
    }     
    
    .location-features { margin-left: 0%; }
}

/*---Small phones: 0-480px ---*/
@media only screen and (max-width: 480px) {
    .long-copy {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
    
     header {
        background-position: 20% 0%;
    }
    
    .header-text-box {
        text-align: center;
        top: 80%;
    }
}