/*
    Project: GoGoChart website revamp
    Author: http://www.CodingCat.hk
*/

@media screen and (max-width: 991px) {
    .video-background video { min-height: 100vh; }

    .articles { width: 85vw; }
    .articles ul { grid-template-columns: repeat(4, 1fr); }
}

@media screen and (max-width: 767px) {
    .page-cover h1 { font-size: 50px; }

    .articles {
        margin-top: 28px;
        width: 100%;
        padding: 0 14px;
        padding-bottom: 35px;
    }
    .articles ul { grid-template-columns: repeat(3, 1fr); }
}

@media screen and (max-width: 576px) {
    .page-cover header h1 { font-size: 50px; }

    .articles ul { grid-template-columns: repeat(1, 1fr); }
}