body {
    background-color: #eeeee0;
    color: #1d1d1b;
    font-weight: 300;
    overflow-x: hidden;
    font-size: 1.25em;
    margin: 0;
    font-family: "zalando";
}

@font-face {
    font-family: "zalando";
    src: url("../fonts/ZalandoSans[wdth\,wght].ttf");
    font-weight: 125 950;
    font-stretch: 75% 125%;
    font-style: normal;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    display: inline-block;
    margin: 0;

}


.main {
    background-image: url('../img/background.png');
    background-size: calc(max(150vw, 150vh));
    background-position: center;
    height: 78vh;
    margin-top: 0;
    display: flex;
    align-items: center;
    flex-direction: column;

}

.main p {
    font-size: 2vh;
    margin: 0;
    background: #7b13d6;
    color: #eeeeee;
    padding: 0.1vh 1vw;
    font-weight: 500;
    font-stretch: 100%;
    font-style: italic;
    flex: none;
}

footer {
    position: fixed;
    bottom: 0;
    background-color: #7b13d6;
    height: 10vh;
    font-size: 2vh;
    padding: 0.5vh 1vw;
    font-weight: 650;
    font-stretch: 90%;
    width: 98vw;
    color: #eeeee0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

footer div.centered {
    width: calc(100vw - 18vh);
    text-align: center;
}

footer div {
    width: calc(16vh + 0.5vw);
}

footer img {
    height: 8vh;
    justify-self: end;
    margin-right: 0.5vw;
}

.padding-left {
    width: calc(16vh + 0.5vw);
}

a {
    color: wheat
}

a:visited {
    color: #f9a616;
}


.padding-left a {
    font-size: 1.5vh;
    line-height: 1.5vh;
    font-weight: 400;
}


h1 {
    font-size: calc(min(7vw, 7vh));
    margin-top: 2vh;
    background: #f91616;
    color: #eeeeee;
    padding: 8px calc(min(2.8vw, 2.8vh));
    font-family: "zalando";
    font-weight: 900;
    font-stretch: 80%;
    flex: none;
    margin-bottom: 2.5vh;
}

.program {
    margin-bottom: 11vh;
    background-color: #44ac58;
    text-align: center;
    color: #eeeeee;
    padding: calc(min(2vw, 2vh)) 12px;
}

.program p {
    font-weight: 500;
    font-stretch: 90%;
    font-size: calc(min(3vw, 3vh));
    margin: 0;
}

.program div {
    padding: calc(min(1.5vw, 1.5vh));
    height: calc(min(3vw, 3vh));
    display: flex;
    align-self: center;
    justify-content: center;
}

.program a {
    font-weight: 500;
    font-stretch: 90%;
    font-size: calc(min(3vw, 3vh));
    height: calc(min(3vw, 3vh));
    line-height: calc(min(3vw, 3vh));
    padding: calc(min(1vw, 1vh)) calc(1.5 * min(1vw, 1vh));
    color: #eeeeee;
    border-radius: calc(min(3vw, 3vh));
    text-decoration: none;

}

.program h2 {
    margin: 0;
    font-weight: 900;
    font-stretch: 80%;
    font-size: calc(min(6vw, 6vh));
}

.red {
    background-color: #f91616;
}

.green {
    background-color: #44ac58;
}

.purple {
    background-color: #7b13d6;
}


video {
    max-height: 50vh;
}

@media (max-width: 1200px) {
    .long {
        display: none;
    }

}