body {
    text-align: center;
    margin: 0;  
    z-index:1;
    background-color: whitesmoke;
    font-family: "helvetica", "open sans";
}

p { 
    font-size: 20px; 
    font-family: Georgia, "Sans-serif", serif;
    line-height: 150%;
}

span { font-size: 20px; font-family: Georgia, "Sans-serif", serif;}

article { text-align: left; width: 90%; margin: 0 auto;}
h1 { font-size: 48px; margin: 40px 10px 30px 10px; font-weight: bold; line-height: 54px;}
h2 { font-size: 32px; margin: 10px 10px 30px 10px; font-weight: bold; font-weight: normal; line-height: 38px;}
h3 { font-size: 18px; margin: 50px 0px 5px 0px; font-weight: bold; line-height: 24px;}

@media only screen and (min-width: 768px) {
  article { text-align: left; width: 50%; margin: 0 auto;}
  h1 { font-size: 52px; margin: 40px 10px 30px 10px; font-weight: bold; line-height: 56px;}
  h2 { font-size: 30px; margin: 10px 10px 30px 10px; font-weight: bold; font-weight: normal; line-height: 36px;}
  h3 { font-size: 22px; margin: 50px 0px 5px 0px; font-weight: bold; line-height: 28px;}
}

::-moz-selection { /* Code for Firefox */
    background: #98ffff;
    color: #0e005e;
}
::selection {
    background: #98ffff;
    color: #0e005e;
}
mark {
    background-color: #98ffff7e;
}

.race_img {
    width: 75%;
    height: auto;
    margin: auto;
    display: block;
}