#mk-goddess {
  position: relative;
  color: #55401f;
  height: auto;
  width: 100%;
  height:580px;
  background:url(../images/goddess_bg_1.jpg) center / cover no-repeat;
}
#mk-goddess.start {
  background:url(../images/goddess_bg_2.jpg) center / cover no-repeat;
}
  @media only screen and (max-width: 47.9em) {
    #mk-goddess {
      font-size: .85em; } }
  #mk-goddess #start #inStart {
    position: absolute;
    top: 66.666%;
    left: 50%; }
    #mk-goddess #start #inStart h2 {
      font-size: 3.5em; }
  #mk-goddess #reading #inReading {
    position: absolute;
    top: 2em;
    right: 2em;
    width: 25em; }
    @media only screen and (max-width: 47.9em) {
      #mk-goddess #reading #inReading {
        width: 20em;
        height: 20em;
        overflow: scroll; } }
    #mk-goddess #reading #inReading h3 {
      font-size: 3.5em;
      line-height: 1em; }
    #mk-goddess #reading #inReading p {
      margin: 10px 0 6px; }
    #mk-goddess #reading #inReading a img {
      border: none; }

@media only screen and (orientation: portrait) and (max-width: 480px) {
  #mk-goddess .mobile {
    display: block !important;
  width:100%;
height:auto; }
  #mk-goddess .desktop {
    display: none; }
  #mk-goddess #start {
    display: none; }
  #mk-goddess #reading {
    display: none; } }

/*# sourceMappingURL=../maps/style.css.map */

@media(max-width:992px) and (orientation:landscape) {
  #mk-goddess {
    height:98vh;
  }
  #mk-goddess #reading #inReading {
    margin-left:15rem;
  }
}