#Banner {
    margin: 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.banner-background {
    width: 100%;
    display: block;
}

.banner-logo {
    position: absolute;
    top: -2%;
    left: 8%;
    width: 22%;
}

.banner-text {
    color: #1e2b5e;
    font-family: 'NationalBold';
    position: absolute;
    z-index: 2;
    text-align: left;
}

.banner-title {
    top: -5%;
    left: 33%;
    font-size: 6.5vw;
    background: linear-gradient(to bottom, #1E2B5E 25%, #00B9A8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-info {
    top: 35%;
    left: 33%;
    font-size: 2.5vw;
}

.banner-date {
    top: 77%;
    left: 33%;
    font-size: 2vw;
}

.next-conference-button-container {
    /* positioning */
    position: absolute;
    top: 81%;
    transform: translateY(-50%);
    left: 45%;
    margin: auto;
    z-index: 2;
}

.next-conference-button {
    text-align: center;
    background-color: white;
    padding: 1vw 2vw;
    font-size: 2vw;
    color: maroon;
    font-weight: 900;
    border: 0.5vw solid #444;
    border-radius: 2vw;
    cursor: pointer;
    transition-duration: 0.4s;
}

.next-conference-button:hover {
    background-color: #444;
    color: white;
}