/* Big Tablets to 1200px (Width Smaller Than 1140px ROW) */
@media only screen and (max-width: 1200px) {
}

/* Small Tablet to Big Tablet: From 768px(Which is iPad in Portrait Mode) to 1023px */
@media only screen and (max-width: 1023px) {
}

/* Small Phones to Small Tablets: From 481px to 767px */
@media only screen and (max-width: 767px) {
}

/* Small Phones: From 0 to 480px */
@media only screen and (max-width: 480px) {
    section { padding: 25px 0; }
    
    .hero-img-box img {
        width: 150px;
        height: auto;
        margin-bottom: 100px;
    }
    
    .hero-text-box h1 {
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        font-size: 140%;
        margin-bottom: 100px;
    }

    .btn:link,
    .btn:visited,
    input[type=submit] {
        width: 100%;
        font-weight: 300;
        text-decoration: none;
        transition: background-color 0.5s, border 0.5s, color 0.5s;

        margin: 10px auto;
    }

    .contact-form {
        width: 90%;
        margin: 0 auto;
    }

    h2 {
        font-size: 100%;
        padding: 0 12px;
    }
}