:root
{

}

/* Columns */
.col-2
{
    display:flex;
    flex-direction:row;
}
.col-2 .column
{
    flex:1;
}
.col-2 .column + .column
{
    margin-left:25px;
}

.column img
{
    max-width:100%;
}

/* Rows */
.row
{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

/* Row Menu */
.row .menu
{
    display:flex;
    flex-direction:row;
    align-items: center;

    flex:2;
}
.row .menu.right
{
    justify-content: right;
}

.row .menu a
{
    font-size:3dvw;
    text-decoration: none;
}
.row .menu a + a
{
    margin-left:1em;
}
@media (min-width:675px)
{
    .row .menu a
    {
        font-size:2vw;
    }
}
@media (min-width:800px)
{
    .row .menu a
    {
        font-size:1.67vw;
    }
}
@media (min-width:1200px)
{
    .row .menu a
    {
        font-size:18px;
    }
}


/* Branding */
.brand
{
    display:flex;
    flex-direction:row;
    align-items: center;
    text-decoration: none;

    flex:1;
}
.brand img
{
    aspect-ratio: 1/1;
    width:64px;
}
.brand h1
{
    font-family:var(--font-archivo);
    font-size:24px;

    margin-left:8px;
    margin-top:0;
    margin-bottom:0;
}

/* Main */
.main
{
    display:flex;
    flex-direction:column;
    align-items: center;
    
    width:100%;
    overflow-x:clip;

    padding-block-end: 100px;
}

.main .section
{
    display:flex;
    flex-direction: column;
    width:90dvw;
}
.main .section:before
{
    width:5dvw;
}
.main .section:after
{
    width:5dvw;
}
.main .section:first-child
{
    margin-top:18.25dvh;
}

@media (min-width:800px)
{
    .main .section:before
    {
        width:10dvw;
    }
    .main .section:after
    {
        width:10dvw;
    }
    .main .section
    {
        width:80dvw;
    }
}
@media (min-width:1200px)
{
    .main .section:before
    {
        width:18.75dvw;
    }
    .main .section:after
    {
        width:18.75dvw;
    }
    .main .section
    {
        width:62.5dvw;
    }
}

.main .section + .section
{
    margin-bottom:100px;
}

/* Footer */
.footer
{
    display:flex;
    flex-direction: column;
    align-items: center;

    width:90dvw;

    padding-block-start: 1rem;
    padding-block-end: 1rem;

    box-sizing: border-box;
}
.footer .content:before
{
    width:5dvw;
}
.footer .content:after
{
    width:5dvw;
}
.footer .content
{
    display:flex;
    flex-direction: column;

    width:100%;
}
@media (min-width:800px)
{
    .footer .content:before
    {
        width:10dvw;
    }
    .footer .content:after
    {
        width:10dvw;
    }
    .footer .content
    {
        width:80dvw;
    }
}
@media (min-width:1200px)
{
    .footer .content:before
    {
        width:18.75dvw;
    }
    .footer .content:after
    {
        width:18.75dvw;
    }
    .footer .content
    {
        width:62.5dvw;
    }
}

.footer .row + .row
{
    margin-top:32px;
}