@media (max-width: 992px) {
    main section>div {
        max-width:auto;
        margin:0 20px;
        color:#fff;
    }
}

main .border {
    border:4px solid var(--bg-light-col);
    padding:var(--spacing);
}




@media (min-width: 769px) and (max-width: 992px) {
    .nav ul a {
        font-size:0.85em;
    }
    body:not(.tall-header) header.site-header .strap-line {
        display:none;
    }
    body:not(.tall-header) header.site-header .site-name {
        width:80px;
        line-height:28px;
    }
}

@media (max-width: 768px) {
    :root {
        --spacing:20px;
    }
    html,body {
        overflow-x:hidden;
    }
    body:not(.tall-header) .site-c {
        left:12%;
    }
    body.tall-header header.site-header .site-name {
        font-size:4rem;
    }
    body.tall-header header.site-header .strap-line {
        font-size:2rem;
    }
    body.tall-header header.site-header .site-c {
        top:7%;
    }
    main h1 {
        font-size:3rem;
    }
    main section h2 {
        font-size:1.5rem;
    }
    
    header.site-header .hamburger-btn {
        left:10px;
        top:10px;
        position:absolute;
        display:block;
        border:none;
        opacity:0.5;
        z-index:500;
        background-color:#000;
        color:#fff;
        padding:8px;
    }
    .nav {
        z-index:400;
        position:fixed;
        left:0;
        top:0;
        bottom:0;
        background-color: var(--bg-light-col);
        display:none;
    }
    .nav ul {
        flex-direction: column;
        padding-left:10px;
        margin-top:50px;
    }
    body.show-mobile-nav #mobile-nav-overlay {
        z-index:300;
        display:block;
    }
    body.show-mobile-nav .nav {
        display:block;
    }
    main section.cols>div {
        display:block;
    }
    main .border {
        border:none;
        padding:0;
    }
}

@media (max-width: 380px) {
    body.tall-header header.site-header .site-name {
        font-size:3rem;
    }
    body.tall-header header.site-header .strap-line {
        font-size:1.5rem;
    }
    main h1 {
        font-size:2rem;
    }
    main section h2 {
        font-size:1.3rem;
    }
}