#mk-more-readings.colours {
  position: relative;
  color: #ffffff;
  height:600px;
  background:url(../images/colour/colour-oracle.jpg) center / cover no-repeat;
}
  @media only screen and (max-width: 74.9em) {
    #mk-more-readings.colours {
      font-size: .7em; } }
  #mk-more-readings.colours h2 {
    position: absolute;
    text-align: center;
    top: -.5em;
    width: 100%;
    font-size: 4em; }
    @media only screen and (max-width: 74.9em) {
      #mk-more-readings.colours h2 {
        font-size: 3em; } }
  #mk-more-readings.colours h3 {
    font-size: 4em;
    font-weight: 500; }
  #mk-more-readings.colours p.directions {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 1.5em; }
  #mk-more-readings.colours #shadow {
    position: absolute;
    background-color: rgba(66, 27, 118, 0.5);
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    z-index: 1; }
  #mk-more-readings.colours .text {
    z-index: 2; }
  #mk-more-readings.colours #start {
    z-index: 2;
    position: absolute;
    top: 6em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 20em;
    height: 20em; }
  #mk-more-readings.colours #colours a, #mk-more-readings.colours #start a {
    text-decoration: none;
    position: absolute;
    width: 5.5em;
    height: 5.5em;
    border-radius: 50%;
    -webkit-box-shadow: 0px 3px 8px #000, inset 0px 2px 3px #eee;
            box-shadow: 0px 3px 8px #000, inset 0px 2px 3px #eee; }
  #mk-more-readings.colours #colours #red, #mk-more-readings.colours #start #red {
    width: 5.5em;
    margin: 0 auto; }
  #mk-more-readings.colours #colours .red, #mk-more-readings.colours #start .red {
    background-color: #BA1C16; }
  #mk-more-readings.colours #colours .purple, #mk-more-readings.colours #start .purple {
    right: 1.5em;
    top: 3em;
    background-color: #6C167D; }
  #mk-more-readings.colours #colours .orange, #mk-more-readings.colours #start .orange {
    right: 0;
    top: 9.25em;
    background-color: #E5651E; }
  #mk-more-readings.colours #colours .blue, #mk-more-readings.colours #start .blue {
    right: 4em;
    bottom: 0;
    background-color: #479BFA; }
  #mk-more-readings.colours #colours .yellow, #mk-more-readings.colours #start .yellow {
    left: 4em;
    bottom: 0;
    background-color: #F1F62A; }
  #mk-more-readings.colours #colours .green, #mk-more-readings.colours #start .green {
    left: 0;
    top: 9.25em;
    background-color: #66CD39; }
  #mk-more-readings.colours #colours .pink, #mk-more-readings.colours #start .pink {
    left: 1.5em;
    top: 3em;
    background-color: #D75898; }
  #mk-more-readings.colours #reading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
    #mk-more-readings.colours #reading #left-panel {
      width: 40%;
      position: relative;
      font-size: .5em;
      padding: 1em; }
      #mk-more-readings.colours #reading #left-panel #colours {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 2em;
        width: 20em;
        height: 20em; }
      #mk-more-readings.colours #reading #left-panel #start-again {
        position: absolute;
        top: 25em;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto; }
        #mk-more-readings.colours #reading #left-panel #start-again p {
          font-size: 2em;
          text-align: center; }
    #mk-more-readings.colours #reading #right-panel {
      width: 60%;
      background-color: rgba(0, 0, 0, 0.6);
      padding: 1em; }
    #mk-more-readings.colours #reading a {
      color: #FFF; }
  #mk-more-readings.colours .red {
    color: #BA1C16; }
  #mk-more-readings.colours .purple {
    color: #6C167D; }
  #mk-more-readings.colours .orange {
    color: #E5651E; }
  #mk-more-readings.colours .blue {
    color: #479BFA; }
  #mk-more-readings.colours .yellow {
    color: #F1F62A; }
  #mk-more-readings.colours .green {
    color: #66CD39; }
  #mk-more-readings.colours .pink {
    color: #D75898; }


#mk-more-readings.love-match {
  position: relative;
  color: #ffffff;
  height:400px;
  background:url('../images/love-match/love-match-bg2.jpg') center / cover no-repeat;
}
  @media only screen and (max-width: 47.9em) {
    #mk-more-readings.love-match {
      font-size: .7em; } }
  #mk-more-readings.love-match option, #mk-more-readings.love-match select {
    color: #000000; }
  #mk-more-readings.love-match label {
    font-weight: 200; }
  #mk-more-readings.love-match h2 {
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    font-size: 3.5em;
    padding: 0 1em; }
    @media only screen and (max-width: 47.9em) {
      #mk-more-readings.love-match h2 {
        font-size: 3em; } }
  #mk-more-readings.love-match #reading, #mk-more-readings.love-match #start {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%; }
    #mk-more-readings.love-match #reading .sign, #mk-more-readings.love-match #start .sign {
      font-size: 1.5em; }
      #mk-more-readings.love-match #reading .sign span, #mk-more-readings.love-match #start .sign span {
        font-size: 1.8em;
        margin-right: .25em; }
    #mk-more-readings.love-match #reading .inner, #mk-more-readings.love-match #start .inner {
      padding: 1em; }
  #mk-more-readings.love-match #start .inner {
    position: absolute;
    bottom: 25%;
    width: 100%; }
  #mk-more-readings.love-match #reading .inner {
    height: 100%;
    overflow: auto; }

#mk-more-readings.sex-signs {
  position: relative;
  color: #ffffff;
  height:600px;
  background:url('../images/sex-signs/Sex and Signs free psychic reading from Michele Knight.jpg') center / cover no-repeat;
}
  @media only screen and (max-width: 47.9em) {
    #mk-more-readings.sex-signs {
      font-size: .7em; } }
  #mk-more-readings.sex-signs option, #mk-more-readings.sex-signs select {
    color: #000000; }
  #mk-more-readings.sex-signs label {
    font-weight: 200; }
  #mk-more-readings.sex-signs h2 {
    font-size: 3.5em;
    padding: 0;
    margin: 0; }
    @media only screen and (max-width: 47.9em) {
      #mk-more-readings.sex-signs h2 {
        font-size: 3em; } }
  #mk-more-readings.sex-signs #reading, #mk-more-readings.sex-signs #start {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    right: 0;
    height: 100%;
    width: 70%; }
    #mk-more-readings.sex-signs #reading .sign, #mk-more-readings.sex-signs #start .sign {
      font-size: 1.5em; }
      #mk-more-readings.sex-signs #reading .sign span, #mk-more-readings.sex-signs #start .sign span {
        font-size: 1.8em;
        margin-right: .25em; }
    #mk-more-readings.sex-signs #reading svg, #mk-more-readings.sex-signs #start svg {
      width: 4em;
      padding: .5em; }
    #mk-more-readings.sex-signs #reading .reset, #mk-more-readings.sex-signs #start .reset {
      float: right; }
    #mk-more-readings.sex-signs #reading .inner, #mk-more-readings.sex-signs #reading .inner-top, #mk-more-readings.sex-signs #start .inner, #mk-more-readings.sex-signs #start .inner-top {
      padding: 1em; }
    #mk-more-readings.sex-signs #reading .inner-top, #mk-more-readings.sex-signs #start .inner-top {
      padding-top: 2em; }
  #mk-more-readings.sex-signs #start .inner {
    position: absolute;
    bottom: 1em;
    width: 100%; }
  #mk-more-readings.sex-signs #start .inner-top {
    position: absolute;
    top: 0;
    width: 100%; }
  #mk-more-readings.sex-signs #reading .inner {
    height: 100%;
    overflow: auto; }

/* @media only screen and (orientation: portrait) and (max-width: 480px) {
  #mk-more-readings .mobile {
    display: block !important; }
  #mk-more-readings .desktop {
    display: none; }
  #mk-more-readings #start {
    display: none; }
  #mk-more-readings #reading {
    display: none; } } */

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