section {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

#notJustTeeth ol {
    font-size: 1.2cqi;
    z-index: 2;
}

#notJustTeeth ol li {
    margin-bottom: 1.5rem;
}

#notJustTeeth h1 {
    margin: 0;
}

@media screen and (orientation: portrait) {
    #notJustTeeth ol {
        font-size: 1.2rem;
    }
}



#logo-alone {
    height: 0;
    padding: 5vh 0;
}


@media screen and (orientation: portrait) {
    #logo-alone {
        height: 0;
        padding: 10vh 0;
    }
}

#work {
    margin-bottom: 3rem;
}


.work {
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 2rem 0;
    border-bottom: 0.15rem solid var(--complement);
    width: 100%;
}

.work-title {
    color: var(--complement);
    font-weight: 400;
}


.work-video {
    width: 80%;
    aspect-ratio: 16/9;
}


.work-images-container {
    width: 80%;
    display: flex;
    justify-content: space-evenly;
}


.work-images-container img {
    width: 40%;
}


@media screen and (orientation: portrait) {
    .work-video {
        aspect-ratio: 16/9;
        width: 100%;
    }


    .work-images-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1.5rem;
    }


    .work-images-container img {
        width: 100%;
    }
}