@media screen and (max-width: 600px) {
    .col-25 {
        width: 100%;
        justify-content: center;
        padding-left: 5px;
        padding-right: 5px;
    }
    .col-33 {
        width: 100%;
        justify-content: center;
        padding-left: 5px;
        padding-right: 5px;
    }
    .col-50 {
        width: 100%;
        justify-content: center;
        padding-left: 5px;
        padding-right: 5px;
    }
    .col-66 {
        width: 100%;
        justify-content: center;
        padding-left: 5px;
        padding-right: 5px;
    }
    .optional {
        display: none
    }


    .box {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
    
    .fit-img {
        width: 250px;
        height: auto;
        object-fit: contain;
        border-radius: 10%;
    }

}

@media screen and (min-width: 600px) {
    .col-25 {
        width: 25%;
        justify-content: center;
        padding-left: 5px;
        padding-right: 5px;
    }
    .col-33 {
        width: 33%;
        justify-content: center;
        padding-left: 5px;
        padding-right: 5px;
    }
    .col-50 {
        width: 50%;
        justify-content: center;
        padding-left: 5px;
        padding-right: 5px;
    }
    .col-66 {
        width: 66%;
        justify-content: center;
        padding-left: 5px;
        padding-right: 5px;
    }
    .optional {
        display: inherit
    }


    .fit-img {
        width: 90%;
        object-fit:contain;
        height: auto;
        border-radius: 10%;
    }

    .box {
        display:flex;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }    
}


.logo {
    width: min(10vw,96px);
    height: min(10vw,96px);
}

.logo-text {
    font-size: min(8vw,72pt);
    transform: translateY(max(-5vw,-48pt));
    font-family: sans-serif;
}

.sizing-headline {
    font-size: 36pt;
    text-align: center;
    font-family: sans-serif;

}

.center-text {
    text-align: center;
}
.sizing-text {
    font-size: 24pt;
    font-family: sans-serif;
}

.sizing-text-small {
    font-size: 14pt;
    font-family: sans-serif;
}


.right-img {
    display:block;
    float: right;
    margin-left: 2.5%;
    max-width: 45%;
    object-fit: contain;
    border-radius: 5%;
}

.left-img {
    display:block;
    float: left;
    margin-right: 2.5%;
    max-width: 45%;
    object-fit: contain;
    border-radius: 5%;

}

.centered-row {
    display: flex;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}



.centered-row:after {
    content: "";
    display: table;
    clear: both;
}

a:link {
    color: whitesmoke;
    
}
a:visited {
    color: lightgray;
    
}

body {
    background-color: black; 
    color: whitesmoke; 
}

video {
    width: min(540,80%)
}