/**
* Kidsevent.com
* Typography
* @Ben Reichwald
* @version 0.1
*/

/* ========================= TYPOGRAPHY ======================== */

h1, h2, h3, h4, h5, h6{line-height:1.4em}
h1, .h1{font-family: 'Amatic SC', cursive; font-size:6em; color:#000; text-align:center;}
h2, .h2{font-family: 'Amatic SC', cursive; font-size:4em; color:#000; text-align:center;}
h3, .h3{
  font-family: 'Oswald', sans-serif; 
  font-size:2em; 
  color:#767676; 
  text-align:center; 
  border-bottom:1px solid #767676;
  padding: 1em 0 .4em 0;
  clear:both;
  display:block;
}

h4, .h4{
  font-family: 'Oswald', sans-serif;
  font-size:1.8em;
  color:#b01228;
  margin-top:0;
}

h5, .h5{font-size:1.1em}
h6, .h6{font-size:1em}

p{ 
  margin:1em 0;
  margin-bottom:1em;
  color:#2d2c2c;
  border:0px solid red;
}
p a {
  color:#b01228;
  text-decoration:underline;
}
p a:hover {
  color:#b01228;
  text-decoration:none;
}
small{
  font-size:.833em;
  line-height:1 !important;
}
em, i{font-style:italic}
.remark {
  color:#767676;
}
a{color:#b01228;text-decoration:none;}
a:hover, a:focus{color:#b01228;text-decoration:none}
a:hover, a:active{outline:none}

hr{background-color:#fff; border:1px solid #fff; border-top:1px solid #aaa; clear:both; margin:2em 0}
blockquote{padding:0.2em 1em 0.2em 2em; border-left:3px solid #eee}


/* --- font-styles --- */

.b{font-weight:bold}
.em{font-style:italic}
.big{font-size:1.166em}
.small{font-size:.833em}
.del{text-decoration:line-through}


/* --- lists --- */


/* ====================== MEDIA QUERIES ====================== */

/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) {
  h1, .h1{font-family: 'Amatic SC', cursive; font-size:4.5em; color:#000; text-align:center;line-height:1;}
  h2, .h2{font-family: 'Amatic SC', cursive; font-size:3em; color:#000; text-align:center;line-height:1;}

}