body {
    padding: 3vw;
    width: 90vw;
}

#Presentation{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    width: auto;
    align-items: center;
    justify-content: center;
}

#Frieri {
    width: auto;
    max-width: 80vw;
    max-height: 50vh;
}

#Countdown {
    width: 50%;
}

#Presentation p {
    width: 100%;
    font-weight: lighter;
    font-style: italic;
    font-family: 'Lucida Regular', 'Lucida Grande', 'Lucida Unicode', Geneva, Verdana, serif;
    text-align: center;
    margin-bottom: 5%;
}

#Presentation div{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-weight: light;
    font-style: italic;
    font-family: 'Lucida Regular', 'Lucida Grande', 'Lucida Unicode', Geneva, Verdana, serif;
    text-align: center;
    justify-content: center;
    align-items: center;
}

#Presentation div a{
    width: 30%;
    text-decoration-color: #475e51;
    color: #475e51;
    margin-bottom: 5%;
}

.infobox{
    padding: 15px 10px;
    font-family: 'Lucida Regular', 'Lucida Grande', 'Lucida Unicode', Geneva, Verdana, serif;
    border: solid, 2px, #475e51;
    border-radius: 15px;
}

#Wanbo, #Kyrka {
    margin: 30px 0px;
    display: flex;
    justify-content: space-between;
    align-content: flex-end;
    flex-wrap: wrap;

}

#lokaler hr {
    color: #475e51;
}

#lokaler h1 {
    font-family: 'Lucida Regular', 'Lucida Grande', 'Lucida Unicode', Geneva, Verdana, serif;
    font-style: italic;
    font-size: 400%;
    text-decoration-line: underline;
    color: #475e51;
}

#lokaler b {
    text-decoration-line: underline;
}

#lokaler h2 {
    margin: 0%;
    font-family: 'Sofia', sans-serif;
    font-size: xx-large;
    letter-spacing: 3px;
}

#lokaler img {
    width: 40%;
    border-image: round;
    border-radius: 15px;
    object-fit: cover;
    height: 75vh;
}

.textbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;

}

.textbox p {
    margin: 0%;
    height: auto;
}