@import url(https://fonts.googleapis.com/css?family=Oleo+Script:400,700);
body {font-weight: 300; color: #222; background: #262a2f;}
.button a s {color:#202020:}
h4 {font-family: 'Oleo Script', cursive;}
h7 {font-family: 'Oleo Script', cursive;}
.row { width: 900px; max-width: 92%; min-width: 320px; margin: 0px auto; background-color:#fff; padding:20px; }
a {color:#007fc8; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
a:hover {background-color:#54c1ff; color:#007fc8; }
a:focus {outline: none; color:#007fc8; }
a:visited {outline: none; color:#007fc8; }
.highlight {color:#fff;background-color: rgba(178,224,24,0.85); padding:2px 2%;}
.important {color:#000; font-style: italic; font-weight:bold;}
.center_text{text-align:center;}
img {display:block; padding:2px;}
.footer {padding:0 4% 40px 4%; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.small {font-size:12px; font-style: italic; color:#555;}
.blink {text-decoration: blink; color:red;}
.button {background-color:#007fc8; border-color: #54c1ff;}
.button:hover {background-color:#54c1ff;}

/* Customized by David ---------------------- */
@media only screen and (min-width: 768px) {
.header {min-height: 250px; height: 500px; background-image: url(../images/HAVEN_RunningDinner_2022.png); background-size: contain; background-position: top center; background-repeat: no-repeat; margin-top:60px; border-top-right-radius: 5px; border-top-left-radius: 5px; padding:0px 0;};
}
@media only screen and (max-width: 767px){
.header {min-height: 200; height: 250px; background-image: url(../images/HAVEN_RunningDinner_2022.png); background-size: contain; background-position: top center; background-repeat: no-repeat; margin-top:60px; border-top-right-radius: 5px; border-top-left-radius: 5px; padding:0px 0;};
}