@media (max-width: 800px) {
    #startpage {
        background-image: url(../img/bckgrnd-startpage-mobile.webp);
    }

    #survival {
        background-image: url(../img/bckgrnd-survival-mobile.webp);
    }

    #create {
        background-image: url(../img/bckgrnd-create-mobile.webp);
    }

    #contacts-page {
        background-image: url(../img/bckgrnd-contacts-mobile.webp);
    }
}

@media (min-width: 801px) {
    #startpage {
        background-image: url(../img/bckgrnd-startpage.webp);
    }

    #survival {
        background-image: url(../img/bckgrnd-survival.webp);
    }

    #create {
        background-image: url(../img/bckgrnd-create.webp);
    }

    #contacts-page {
        background-image: url(../img/bckgrnd-contacts.webp);
    }

    .tabs {
        top: 9svh;
        max-width: 52rem;
        min-width: 36rem;
    }

    .tab-button {
        font-size: larger;
    }
    .tabs {
        width: 32rem;
    }
}