#content {
    display: flex !important;
    align-content: center !important;
    flex-direction: column !important;
}

#container {
    align-self: center !important;
}

#event-header {
    text-align: center !important;
    justify-content: center !important;
    margin-bottom: 4vh !important;
}

#upper-box {
    display: flex !important;
    flex-direction: column !important;
}

#top-box {
    width: 40px !important;
    height: 1.5vh !important;
    background: #349ee6 !important;
    align-self: center !important;
    border-radius: 20px !important;
}

#title {
    font-weight: bold !important;
    text-align: center !important;
    margin-top: 2vh !important;
}

#desc-container {
  display: flex;
  justify-content: center;
}

#description {
    text-align: center !important;
    margin-top: 2vh !important;
}

.day-title-container {
    text-align: center !important;
    margin-top: 4vh !important;
}

.day-title {
    text-align: center !important;
    font-weight: bold !important;
}

.event {
    display: flex !important;
    flex-direction: row !important;
    padding-top: 3vh !important;
    padding-bottom: 3vh !important;
    flex-wrap: wrap;
}

.break {
    background: rgba(39, 236, 245, 0.15) !important;
}

.leftContainer {
    /*! width: 50% !important; */
    flex-basis: 0;
    width: 0;
    flex: 1 1 0px;
    min-width: 200px !important;
    padding-bottom: 10px !important;
}

.rightContainer {
    /*! width: 50% !important; */
    flex-basis: 0;
    width: 0;
    flex: 1 1 0px;
    min-width: 200px !important;
}

.timespan {
    color: #575757;
    font-weight: bold !important;
    margin-bottom: 2% !important;
}

.eventTitle {
    color: #575757;
    font-size: 20px !important;
    font-weight: bold !important;
    /*! margin-bottom: 1% !important; */
}

.eventSpeaker {
    color: #0771b8 !important;
    font-size: 14px !important;
    margin-bottom: 2% !important;
}

.eventDesc {
    font-size: 16px !important;
}

.images {
    display: flex;
    flex-direction: column;
}

.imageContainer {
    padding-right: 3vw !important;
    display: flex;
    /*! flex-wrap: wrap; */
    /*! flex: 1; */
}

.speakerLogo {
    max-width:  130px !important;
    height:     90px !important;
    margin-right: 10px !important;
    object-fit: contain !important;
    min-height: 60px !important;
    min-width: 60px !important;
}

.eventType {
    width: 40% !important;
}

#days {
    align-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
}
#events-container {
    margin-top: 8vh !important;
    display: flex !important;
    flex-direction: column !important;
}