body {
    margin: 0px;
    background: url(../img/snbak.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.centeredstuff {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: margin-top 1.5s;
}

.infotext {
    position: absolute;
    margin-top: 10px;
    width: 50%;
    left: 50%;
    transition: margin-left 1s;
}

.textcenterscreen {
    margin-left: -25%;
}

.textoffscreen {
    margin-left: -100%;
}


.notattopstuff {
    margin-top: 10%;
}

.attopstuff {
    margin-top: 0%;
}

img {
    height: auto;
    transition: max-width 1.5s, padding-bottom 1.5s;
}

.logoimg {
    max-width: 40%;
    padding-bottom: 20px;
}

.logoimgsmall {
    max-width: 20%;
    padding-bottom: 5px;
}


h2 {
    color: white;
    font-size: 1vw;

    @media screen and (orientation:portrait) {
        font-size: 2vw;
    }

    font-family: Arial;
    margin-top: 0px;
}

.pullright {
    margin-left: auto;
    margin-right: 0;
}

.bottomright {
    position: absolute;
    bottom: 8px;
    right: 16px;
    font-size: 18px;
}

.cookiethingy {
    color: white;
    font-size: 0.8vw;
    font-family: Arial;
    padding: 10px;

    @media screen and (orientation:portrait) {
        font-size: 3vw;
    }

    display: flex;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(29, 4, 4, 0.5);
    width: auto;
    height: auto;
}

.visible {
    visibility: visible;
    opacity: 1;
    /* transition: opacity 5s linear; */
}

.hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 5s, opacity 5s linear;
}

.fullwidth {
    width: 100%;
}

.selecteditem {
    text-decoration: underline;
}

.menubtn,
.menutxt {
    color: white;
    font-size: 1.3vw;

    @media screen and (orientation:portrait) {
        font-size: 4vw;
    }

    font-family: Arial;
    padding: 10px;
    white-space:nowrap;
}

.menubtn:hover {
    font-weight: bold;
    font-size: 1wv;
    cursor: pointer;
    opacity: 100%;
    text-transform: uppercase;
}

.topmenu {
    display: flex;
    block-size: fit-content;
    background-color: rgba(40, 40, 40, 0.2);
}

.softcorners {
    display: flex;
    justify-content: center;
    border-radius: 10px;
    background-color: rgba(40, 40, 40, 0.2);
    width: 0px;
    height: 0px;
    margin-left: -10px;
    transition: width 1s, height 1.5s;
}

.selectedstuff {
    background-color: rgba(40, 40, 40, 0.2);
    width: 95%;
    height: 400px;
}

.txthead {
    color: white;
    font-size: 1.3vw;

    @media screen and (orientation:portrait) {
        font-size: 4vw;
    }

    font-family: Arial;
}

.txtbody {
    color: white;
    font-size: 1vw;

    @media screen and (orientation:portrait) {
        font-size: 3vw;
    }

    font-family: Arial;
}