/* BIG TABLETS TO 1200px: widths smaller than the 1140px row */
@media only screen and (max-width: 1200px) {
        
    .btn {
        font-size: 75%;
    }
    
    
}


/* SMALL TABLETS TO BIG TABLETS: 768 to 1023px */
@media only screen and (max-width: 1023px) {
    
    body { font-size: 18px; }
}


/* SMALL PHONES TO SMALL TABLETS: 481 to 767px */
@media only screen and (max-width: 767px) {
    
    body { font-size: 16px; }
    
    .row,
    .hero-text-box { padding: 0 4%; }
    
    h1 { font-size: 180%; }
}


/* SMALL PHONES: 0 to 480px */
@media only screen and (max-width: 480px) {
    
}