/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-header {
        height: 400px;
        text-align: center;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    body {
        font-size: 14px
    }
    .main-header {
        height: 300px;
        text-align: center;
    }
    .main-header h1 {
        font-size: 24px;
    }
    .section-title h4 {
        font-size: 18px;
    }
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {}