:root {
    --section-title-fsize: 2rem;
    --content-title-fsize: 1rem;
    --content-info-fsize : 0.8rem;
    --grid-column-preset: repeat(1, 1fr); 
    --gridgap: 1rem;
}

.back_cover {
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    inset: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: -1;
}


@media (min-width: 760px) {
    :root {
        --grid-column-preset: repeat(3, 1fr);
    }
}

@media (min-width: 1920px) {
    :root {
        --grid-column-preset: repeat(3, 1fr);
        --gridgap: 2rem;
    }
}


.center_text {
    text-align: center;
    font-size: 3rem;
}

.img_wrapper {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

.border {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}


.content_wrap {
    width: 100%;
    display: flex;
}

.footnote {
    font-family: Rubik;
    color: #ffffff;
    font-size: .85rem ;
    margin: 0;
}

.menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.menu_chars {
    font-family: Rubik;
    color: #fccf04;
}

.menu_title {
    font-size: clamp(2.5rem, 3dvw, 6rem);
    font-weight: 600;
    margin: 0.5rem;
    
}

.menu_subtitle {
    font-size: 1rem;
    font-weight: 200;
    text-align: center;
    font-style: italic;
}

.menu_sectiontitle {
    font-size: clamp(1.5rem, 2dvw, 2.5rem);
    font-weight: 400;
    text-align: center;
    text-decoration: underline;
    margin: 1.5rem;
}

.menu_grid_font {
    color: black !important;
    font-size: 1rem;
    font-weight: 200;
    text-align: center;
    margin: 0.5rem;
}
.center_item {
    justify-content: center !important;
}


.nav_menu {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.grid_menu {
    display: grid;
    grid-template-columns: var(--grid-column-preset, 1fr); 
    gap: var(--gridgap, 1.5rem); 
    margin-bottom: 2rem;
 }