@media (min-width: 600px)
{
    #close-up {
        height: auto;
        object-fit:contain;
        width: 40%;
    }
    #about {
        margin-top: 5%;
        display: flex;
        flex-direction: row;
        justify-self: center;
        max-width: 75%;
        gap: 5%;
    }

    #box{
        border: 4px solid rgb(175, 175, 175);
        display: flex row;
        width: 60%;
    }


}

@media (max-width: 600px){
    #about {
        margin-top: 5%;
        display: flex;
        flex-direction: column;
        justify-self: center;
        max-width: 75%;
    }
    #box {
        margin-top: 5%;
        display: flex row;
        height: fit-content;
        margin-top: 10%;
    }
    #text-box, #text-box-link, #text-box-header, a{
        font-size: 80%;
    }
}

#banner {
    width: 80%;
    justify-self: center;
}

#text-box-header{
    text-align: center;
    padding: 16% 3% 0% 3%;
}

#text-box{
    text-align: center;
    padding: 5% 3% 0% 3%;
    width: fit-content;
}

#hr{
    height: 1px;
    margin-top: 15%;
    width: 80%;
}

#text-box-link {
    text-align: center;
    font-size: 90%;
}