body {
  padding: 0 auto;
  margin: 0 auto;
  font-family: 'Helvetica-Neue', 'Helvetica', sans-serif;
  color: #f1f1f1;
  font-weight: 300;
  text-align: center;
  font-size: 1.2em;
  background: #0a2840;
  background-image:url('img/blue-bgkd.jpg');
  background-repeat:no-repeat;
  background-position: center top;
  background-size: 100%;  
}

h1 {
  font-size: 2em;
  padding: 0.25em auto 0 auto;
  margin: 0.5em auto 0 auto;
  font-family: 'Luckiest Guy', sans-serif;
  text-shadow: 1px 1px 1px #0a2840;
}
h1 a { text-decoration: none; color: #ffaad4; }
h1 a:hover { text-decoration: none; }
h2 {
  font-size: 1.2em;  
  background: #ffaad4;
  color: #0a2840;
  padding: 0.5em auto;
  margin: 0.5em auto;
  font-family: 'Luckiest Guy', sans-serif;
}
h2 a {
  color: #0a2840; text-decoration: none;
}
h2 a:hover {
  color: #de0097; text-decoration: none;
}
h3 {
  margin: 0 auto 0.5em auto;
  padding: 0 auto 0.5em auto;
}
h4 { margin: 0 auto; padding: 0 auto; }
.button {
    width: 75%;
    border-radius: 10px;
    padding: 0.5em 0.25em 0.25em 0.25em;
    margin: 0.25em auto;
  display: block;
  text-align: center;
}
img {
  border: 2px solid #fff;
  max-width: 85%;
  margin: 0.25 auto;
}
a { color: #ffaad4; text-decoration: none; }
a:hover {
  color: #ffaad4; text-decoration: underline;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style-type: none;
  display: block;  
}
ul li a {    
}
li {
/*  display: inline-block; */
}
p {
  font-size: 1em;
  padding: 0 auto;
  margin: 0 1em 0 1em;
}
small { font-size: 0.9em; }
.color {
  color: #fff335;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
footer {
  font-size: 0.9em;
  margin: 1em;
  color: #ccc;
}
nav {
  margin: 1em auto;
}
/* MEDIA QUERIES */
@media screen and (min-width: 320px) and (max-width: 480px) {
  h2 {
  font-size: 1.5em;  
  }
}