/* Header */
.site-header {
    min-height: 105px;
    margin-bottom: 30px;

    .site-branding {
        .site-description {
            /* display: none; */
        }
    }

    .header-squiggle {
        /* --branding-offset: -394px; */
    }
}

img[src*='akama-student-leaning-on-wall'] {
    max-width: 100%; 
    height: auto; 
    max-height: 100%; 
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 150 75'%3E%3Cpath fill='%23f6f6f6' d='M23.43,12.41c17.4,3.95,25.29-.87,57.43-6.49,34.48-6,55.72-9.56,61.69,0,3.11,5-.77,9.19,3.19,24.9,2.28,9,4.36,10.8,4.26,16.24-.23,11.71-10.18,20.37-11.7,21.66C123.7,81,107.93,70,68.1,70.88,36.36,71.62,30.26,79,19.17,72-1.39,58.84-5,17.61,6.41,10.25,10.39,7.68,14.42,10.37,23.43,12.41Z'/%3E%3C/svg%3E");
    mask-size: 100% 100%;
}

/* Main */
#overview {
    margin: 0 auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

    section {
        grid-template-columns: 1fr calc(100% / 3 * 2);

        /* Image */
        & > .figure {
            grid-column: 2;
            grid-row: 1;
        }

        /* Text */
        & > .content {
            grid-column: 1;
            grid-row: 1;
        }

        @media (max-width: 1200px) { & {
            grid-template-columns: 1fr 55%;
        } }

        @media (max-width: 1000px) { & {
            grid-template-columns: 1fr;
            grid-template-rows: minmax(200px, minmax(500px, calc(15/21 * 100vw))) minmax(auto, 1fr);

            /* Image */
            & > .figure {
                grid-column: 1;
                grid-row: 1;

                align-self: center;
                margin: 0 auto;
                max-height: 40vh;
            }

            /* Text */
            & > .content {
                grid-column: 1;
                grid-row: 2;
                

                text-align: center;
            }
        } }
    }
}