@media screen and (max-width: 768px) {
    nav {
        display: none;
    }
}

@media screen and (max-width: 1800px) {
    .ubermich-box {
        display: flex;
        flex-direction: column;
        align-items: center;

    }
    .img-box {
        padding: 0;
        margin:0;
        margin-top: 5rem;
    }

    .desc-box {
        padding: 0;
        margin: 1rem 0;
        width: 70vw;
    }

    .img-box img {
        width:70vw;
        max-width: 400px;
    }

}


@media screen and (max-width: 1150px) {
    .desc-buttons {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }

    .desc-buttons img {
        margin: 10px;
        width: clamp(30px, 7vw, 50px);
    }

}