Event title getting displayed above the header

Hi

The URL is

In this the event title is displayed above the header also.

Hi:

The only change I made in the header.php file is adding google site verification code.

I have the following customized CSS:

.custom-header {
background-size: 100% 100% !important;
}

.home-content-boxes {
  font-family: 'Baskerville Old Face', sans-serif;
}

.home-content-boxes h2 {
  font-size: 22px;
}

.content-box p {
  color: #0099CC;
  font-size: 18px;
}
.content-box .read-more {
  background: rgba(0,0,0,.05);
  color:  #067a9e;
}

.icon-arrow-right.icon-big {
  text-align: right;
  color: #067a9e;
}

.da-slide p, #slide_holder p {
  font-size: 80%;
}

.slide_holder .featured-title a {
  font-size: 100%;
  letter-spacing: 0;
}
.slide_holder .featured-title a {
  font-family: 'Baskerville Old Face', sans-serif; !important;
font-size: 22px
  color: #016372;
}

.entry-content .thumbnail-post img {
  height: auto !important;
}

.carousel-caption {
  background: none;
  padding-bottom: 0;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
  bottom: 35px;
}

.slide_holder .featured-thumbnail img {
  width: 100%;
  height: auto;
  border: none;
}

.container.container-header.custom-header {
  max-height: 89px !important;
}

@media only screen and (max-device-width : 768px) {
 .glyphicon-align-justify:before {
   content: "e055";
   content: " Menu " !important;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 20px;
 }
}

.container.container-header.custom-header {
  max-height: 89px !important;
}