/* ==========================================================
   GLASGOW LIFE ROLEPLAY
   Responsive
========================================================== */

@media(max-width:1000px){

    .stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:900px){

    .department{
        grid-template-columns:1fr;
    }

    .page-hero h1{
        font-size:32px;
    }

    .grid{
        grid-template-columns:1fr;
    }

    .about{
        flex-direction:column;
    }

}

@media(max-width:768px){

    .hero h1{
        font-size:36px;
    }

    .hero p{
        font-size:16px;
    }

    nav.site-nav{
        gap:2px;
        padding:0 12px;
        overflow-x:auto;
    }

    nav.site-nav a{
        padding:8px 10px;
        font-size:.78rem;
    }

    nav.inline-nav{
        padding:0 12px;
        overflow-x:auto;
    }

    .section-title{
        font-size:26px;
    }

    .stats-grid{
        grid-template-columns:1fr;
    }

}