#event-header { background-color:#027EF3;position:relative; }
#event-header .grid { background-color:#000; }

.date-container-image { position:absolute;width:100%;height:100%;z-index:1;background-size:cover;opacity:0.7; }
.date-container { padding:50px;position:relative;z-index:2; }

.date-container .day { color:#fff;text-align:center;font-weight:700;font-size:80px;margin-bottom:15px; }
.date-container .month { color:#fff;text-align:center;font-weight:700;font-size: 28px;padding:0 0 15px 0;margin-bottom:10px; }
.date-container hr { height:0.5px;color:#fff;border-color:#fff;width:80%;margin:0 auto; }
.date-container .title { color:#fff;font-size: 22px;line-height:30px;margin-top:15px;font-weight:700;text-align:center; }

#event-header .date-container .event-button-container { margin-top:20px; }
#event-header .date-container .event-button-container a { display: inline-block;padding: 10px 20px;background-color:#fff;color: #232323;text-decoration: none;font-weight:500; }

#event-header .map-container { position:absolute;right:0;top:0;text-align:left;width:50%;height:100%;background-color:black }


#event-info { padding:50px;width:90%;max-width:1400px;margin:0 auto; }
#event-info div { font-size: 24px;color: #232323;line-height:35px; }
#event-info h2 { font-size:80px;text-align:center;font-weight:800;color:#232323;margin-bottom:50px; }

#event-info hr { height:0.5px;border:0.5px; }
#event-info p { margin-bottom:20px; }
#event-info p.no-margin { margin:0; }
#event-info p span { font-weight:700 }

#event-info p a { color:#2126F1;text-decoration:none;font-weight:300; }
#event-info p a:hover { text-decoration: underline }



@media (max-width:670px) {
  #event-header .grid { width:100%; }
  #event-header .map-container { width:100%;height: 30vh;position:relative; }

  #event-info { padding:7vw 0; }
  #event-info h2 { font-size:11.5vw;line-height: 14vw;margin-bottom: 7vw }
  #event-info div { font-size:4vw;line-height: 6vw; }
  #event-info p { margin-bottom:7vw; }

}