a {
  text-decoration: none;
  color: inherit; 
}

@font-face {
    font-family: 'Mistral';
    src: url('../fonts/mistral/Mistral.ttf');
}

body {
	margin: 0px 0px 0px 0px;
}

h1 {
  font: 50px 'Mistral', georgia, times new roman, serif;
  margin-top: 150px;
  text-align: center;
  color: #fff;
  text-shadow:#fff -1px 1px 0,
  #fff -1px 1px 0,
  #fff -1px 1px 0,
  #fff -1px 1px 0;
  -webkit-transform: rotate(-11deg);
}

span {
  margin: 0 0.00em 0 -0.10em;
}

h2 {
  font: 19px/30px arial, sans-serif;
  color: #989898;
  text-align: center;
  margin: 0 auto;
}

h2 a {
  font: 19px/30px arial, sans-serif;
  color: #989898;
  text-align: center;
  margin: 0px 15px 3px 0px;
}

h2 a:hover {
  opacity: 1.0;
  border-bottom: 2px solid;
}

h3 {
  font: 19px/30px arial, sans-serif;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}

h3 a {
  font: 19px/35px arial, sans-serif;
  color: #fff;
  text-align: center;
  margin: 0px 15px 3px 0px;
}

h3 a:hover {
  opacity: 1.0;
  border-bottom: 2px solid;
}

p {
  font: 19px/27px arial, sans-serif;
  text-align: center;
  color: #989898;
  margin-left: 30px;
  margin-right: 30px;
}

p a {
  font: 19px/27px arial, sans-serif;
  color: #989898;
  margin: 0px 0px 3px 0px;
  border-bottom: 2px solid;
}

p a:hover {
  border-bottom: 0px solid;
}

@media only screen and (max-width: 469px) {
  p {
      font-size: 15px;
      line-height: 20px; } 

  p a {
  font: 15px/20px arial, sans-serif;
  color: #989898;
  text-align: center;
  border-bottom: 1px solid; }
}

h4 {
  font: 15px/20px arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #3f3f3f;
  text-align: center;
  margin-top: -20px;
} 

h4 a {
  font: 15px/20px arial, sans-serif;
  color: #3f3f3f;
  text-align: center;
  border-bottom: 1px solid;
}

h4 a:hover {
  border-bottom: 0px solid;
}

#wrapper {
  margin: 0px auto;
}

#title {
  margin:50px auto;
  left: 50%;
  max-width: 95%;
}

@media only screen and (max-width: 719px) {
  #title {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 321px) {
  #title {
    margin-top: -50px;
  }
}

#share {
   bottom:0;
   width:100%;
   height:200px;
}

@media only screen and (max-width: 321px) {
  #share {
   bottom:0;
   width:100%;
   height:100px;
   margin-top: 140px; }
} 

#footer {
  background-color: #000000;
  padding-bottom: 15px;
}

@media only screen and (max-width: 321px) {
  #footer {
padding-bottom: 60px; }
} 

@media only screen and (min-height: 1000px) {
  #footer {
   position: absolute;
   bottom:0;
   width:100%;
   height: auto;
   margin-top: 200px; }
} 

#colophon {
   display: block;
   bottom:0;
   width:100%;
   max-width: 620px;
   height:160px;
   margin: 0px auto;
   padding-top: 48px;
   padding-bottom: 40px;
}

@media only screen and (min-height: 1000px) {
  #colophon {
   display: block;
   bottom:0;
   width:100%;
   max-width: 850px;
   height:120px;
   margin: 0px auto;
   padding-top: 25px;
   padding-bottom: 40px;
}