@import url(https://fonts.googleapis.com/css?family=Open+Sans);
* {font-family:"Open Sans", sans-serif;}
@-moz-document url-prefix() {
  img {max-width: 100%;}
figure img{width:100%;}
}
a {}
blockquote {}
cite {}
dl {}
figcaption {}
h1, h2, h3, h4, h5, h6 {}
h1 {font-size:1.8em;}
h2 {font-size:1.6em;margin-top:1.6em;}
h3 {font-size: 1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1.7em;color:#fff;background-color: #F04124;border-color: #DE2D0F;padding:0.25rem 1.25rem; 
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}
.content p {line-height:1.4;}
.content h1 {
  display: inline-block;
  margin-bottom: 0.7em;
}
.content ol {
  margin-left: 1.95rem;
}
.content ol li {margin-bottom:0.6em; line-height:1.4;}
.content ol li:before {
  content: " ";
  position: absolute;
  height: 24px;
  width: 24px;
  border: 2px solid #C12037;
  left: 1em;
}

/*SPECIAL HEADER*/
h1{display:inline;}
.mouse header{
  background-image:url('../img/mouse.jpg');
  background-repeat:no-repeat;
  background-position-x:2rem;
  background-position-y:0.3rem;
}
.mouse header::first-letter{color:#fff;background:#f00;
  font-size:1.2rem;margin-right:2.5rem; 
  padding:0.3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  border-radius:3rem;
}

.pencil header{
  background-image:url('../img/pencil.jpg');
  background-repeat:no-repeat;
  background-position-x:2rem;
  background-position-y:0.3rem;
}
.pencil header::first-letter{
  color:#fff;background:#f00;font-size:1.2rem;margin-right:2.5rem; 
  padding:0.3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  border-radius:3rem;
  
}
.hint header::before{content:"!";font-size:1.8rem;width:1.4rem;display:inline-block;text-align:center;
  color:#fff;background:#f00;font-size:1.2rem;margin-right:1rem; 
  padding:0.3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  border-radius:3rem;
}
/*.mouse header::after{content:"MK";}*/







@media screen and (max-width:40em) {

}