/* Big tablet to 1200px (widths smaller taht 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 768px to 1023px */
@media only screen and (max-width: 1023px) {
    body { font-size: 18px; }
    section { padding: 60px 0; }
    

    

    
    

}



/* Small phones to small tablets: from 481px to 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 4% 0;
    }
    
    
    .mobile-nav-icon {display: block;}
    
    .main-nav {
        float: left;
        margin-top: 30px;
        margin-left: 0px;
    }
    
    nav div img {display:none;}
    
    .main-nav li {
        display: block;
    }
    
    .main-nav li a:link,
    .main-nav li a:visited,
    input[type=submit]{
       background-color: #d3483a;
       border: 1px solid #d3483a;
       color: #fff;
       margin-right: 15px;
       display: inline-block;
       padding: 10px;
       font-weight: 300;
       text-decoration: none;
       border-radius: 200px;
       -webkit-transition: background-color 0.2s, border 0.2s, color 0.2s;
       transition: background-color 0.2s, border 0.2s, color 0.2s;
    }
    
    
    
    
    h1 { font-size: 180%; }
    h2 { font-size: 150%; }
    



    .signup {display: none;}

/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
    section { padding: 25px 0; }
}