span {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 700px) {
.event-wrapper {padding-top: 50px; width:80%; margin: 0 auto; text-align:center;}
.event-wrapper h2 {font-size:1.3em;}
.event-wrapper h3 {font-size:1.0em;}
.event-wrapper h4 {font-size:0.8em !important;}
.event-wrapper p {font-size:0.8em;}
.event-wrapper hr {width:65%;border: 1px; margin: 15px auto; }
.event-wrapper a.button {background-color: #15b6b8; margin-bottom:5px; margin-top:15px;}
}
@media only screen and (min-width: 701px) {
.event-wrapper {padding-top: 50px; width:80%; margin: 0 auto; text-align:center;}
.event-wrapper h2 {font-size:1.6em;}
.event-wrapper h3 {font-size:1.4em;}
.event-wrapper h3 {font-size:1.2em;}
.event-wrapper p {font-size:1.2em; line-height: 1.2; margin-bottom: 15px;}
.event-wrapper hr {width:65%;border: 1px; margin: 15px auto; }
.event-wrapper a.button {background-color: #15b6b8; margin-bottom:5px; margin-top:15px;}
}