/* Header
----------------------------------------------- */
header h1 {
  font-size: 100%;
}

/* Main
----------------------------------------------- */
#portadas {
  margin: 1em 1em 0.2em 0;
}

@media (max-width:320px) {
  #portadas {
    max-width: 213px;
    margin: 1em auto;
  }
  #portada-drek {
    margin-top:-120px
  }
}
@media (min-width:321px) and (max-width:480px) {
  #portada-klatuu{
    float: left;
    margin-bottom: 130px;
  }
  #portada-drek {
    position: absolute;
    top: 120px;
    right:1em;
  }
  article p {
    clear:both;
  }
}
@media (min-width:481px) and (max-width:768px) {
  #portadas, #portada-klatuu, #portada-drek {
    float: left;
  }
  #portada-drek {
    margin-top: 130px;
    margin-left: -190px;
  }
}
@media (min-width:769px) and (max-width:1024px) {
  #portadas, #portada-klatuu, #portada-drek {
    float: left;
  }
  #portada-drek {
    margin-top: 40px;
    margin-left: -50px;
  }
}
@media (min-width:1025px) {
  #portadas, #portada-klatuu, #portada-drek {
    float: left;
  }
  #portada-drek {
    margin-left:15px;
  }
}