html {
    width: 100%;
    height: 100%;
    margin: 0;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10%;
    vertical-align:middle;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.icon-image {
    width: 100%
}

.nav {
    display: inline-flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    height: 3vh;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    z-index: 1;
}

.event-section {
    margin:auto;
    width: 80%;
    background-color: hsla(0, 0%, 80%, 0.6)
}

.content-section {
    margin-top: 3vh;
}

.event-entry {
    display: inline-flex;
}

.event-flyer {
    max-height: 28vh;
    max-width: 40vw;
    padding: 1vw;
}