header {
    background-color: black;
    color: white;
    height: fit-content;
    display: flex;
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 300;
    font-style: normal; 
    width: 100%;
    overflow: hidden;
}

header a {
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 5vh;
}

.header h1 {
    margin: 0;
    margin-top: 2vh;
    display: block;
    font-size: 5vh;
}

.header img {
    padding: 10px;
    height: 6.5vh;
    vertical-align: middle;
    background-position-y: 50%;
    padding-left: 20px;
    padding-top: 20px;
}

.header-main {
    width: fit-content;
    height: min-content;
    display: flex;
}

.hamburg {
    height: max-content;
    float: right;
    text-align: right;
    display: none;
    margin-left: auto;
    margin: auto;
    position: absolute;
    right: 0;
}

.headerlinks {
    justify-content: space-around;
    padding-top: 1.5vh;
    padding-left: 3vh;
    display: flex;
}

.navlink {
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #2e3192;
    padding-left: 3vh;
    font-size: 6.5vh;
}

footer {    
    margin-top: 3.5vh;
    display: flex;
    padding: 3vh;
    background-color: #161414;
}

@media (max-width: 100vh){
    .hamburg {
        display: block;
    }

    .headerlinks {
        display: none;

    }

    footer {
        display: block;
    }

    header {
        display: block;
    }
    
    .header-main {
        display: flex;
    }
}

.headers-active {
    display: inline-block;
    justify-content: space-around;
    text-align: center;
    width: 100%;
    margin:0%;
    padding: 0%;
}

footer a img {
    display: block;
    height: 13vh;
    margin: 3vh;
}

footer div {
    display: block;
    justify-content:space-around;   
}

footer a {
    margin-top: 4vh;
    font-size: 5vh;
    display: flex;
    justify-content: center;
    text-decoration: none;
    color: #f1d403;
    margin-left: auto;
    margin-right: auto;
}

.spacer-vert {
    width: 50px;
    height: 1px;
}

.spacer-hori {
    width: 1px;
    height: 50px;
}

.spacer-vert-big {
    width: 1px;
    height: 125px;
}

.notbyriot {
    text-align: left;
    margin: auto;
    margin-top: 4vh;
    width: 50%;
    color: rgb(145, 145, 145);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-style: normal; 
    font-size: 2vh;
}

header a {
    display: block;
}

footer a {
    font-family: bebas-neue-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 5vh;
}

.footer-link-container {
    margin-right: 3vh;
}