.hidden {
  display: none;
}

/* body {
  border: 5px black solid;
} */



/* BACKGROUND 1 */
/* =========================================================== */

body.stop.bg1 #banner {
  background: #000 url("../img/photos/luciasenior-29.jpg");
  background-position-y: -50px;
}

body.stop.bg1 #site-title .title-light {
  display: block;
}

body.stop.bg1 #site-title .title-dark {
  display: hidden;
}

body.stop.bg1 #site h1,
body.stop.bg1 #site h2 {
  color: #8ba826;
}

body.stop.bg1 #footer {
  background: #8ba826;
}

body.stop.bg1 #footer {
  background: #8ba826;
}

body.stop.bg1 #miniplayer-ad {
  color: #3c719d;
}

/* BACKGROUND 2 */
/* =========================================================== */

body.stop.bg2 #banner {
  background: #000 url("../img/photos/luciasenior-50.jpg");
  background-position-y: -0px;
}

body.stop.bg2 #site-title .title-light {
  display: hidden;
}

body.stop.bg2 #site-title .title-dark {
  display: block;
}

body.stop.bg2 #site h1,
body.stop.bg2 #site h2 {
  color: #d29387;
}

body.stop.bg2 #footer {
  background: #d29387;
}

/* BACKGROUND 3 */
/* =========================================================== */

body.stop.bg3 #banner {
  background: #000 url("../img/photos/luciasenior-50.jpg");
  background-position-y: -0px;
}

body.stop.bg3 #site-title .title-light {
  display: hidden;
}

body.stop.bg3 #site-title .title-dark {
  display: block;
}

body.stop.bg3 #site h1,
body.stop.bg3 #site h2 {
  color: #d29387;
}

body.stop.bg3 #footer {
  background: #d29387;
}

/* BACKGROUND 4 */
/* =========================================================== */

body.stop.bg4 #banner {
  background: #000 url("../img/photos/luciasenior-64.jpg");
  background-position-y: -50px;
}

body.stop.bg4 #site h1,
body.stop.bg4 #site h2 {
  color: #c74513;
}

body.stop.bg4 #site-title .title-light {
  display: block;
}

body.stop.bg4 #site-title title-dark {
  display: hidden;
}

body.stop.bg4 #footer {
  background: #c74513;
}

body.stop.bg4 #miniplayer-ad {
  color: #fff;
}

/* BACKGROUND 5 */
/* =========================================================== */

body.stop.bg5 #banner {
  background: #000 url("../img/photos/017.jpg");
  background-position-y: -50px;
  background-size: 100% !important;
}

body.stop.bg5 #site h1,
body.stop.bg5 #site h2 {
  color: #E400D4;
}

body.stop.bg5 #site-title .title-light {
  display: block;
}

body.stop.bg5 #site-title .title-dark {
  display: hidden;
}

body.stop.bg5 #footer {
  background: #E400D4;
}

/* BACKGROUND 6 */
/* =========================================================== */

body.stop.bg6 #banner {
  background: #000 url("../img/photos/studio_5493.jpg");
  background-position-y: -140px;
  background-size: 100% !important;
}

body.stop.bg6 #site h1,
body.stop.bg6 #site h2 {
  color: #D58945;
}

body.stop.bg6 #site-title .title-light {
  display: block;
}

body.stop.bg6 #site-title .title-dark {
  display: hidden;
}

body.stop.bg6 #footer {
  background: #D58945;
}

body.stop.bg6 #miniplayer-ad {
  text-shadow: 0 0 5px rgba(0, 0, 0, 1), 0 0 15px rgba(0, 0, 0, 1);
}

/* BACKGROUND 7 */
/* =========================================================== */

body.stop.bg7 #banner {
  background: url("../img/photos/lumber-1101.jpg");
  background-position-y: -90px;
  background-size: 100% !important;
}

body.stop.bg7 #site h1,
body.stop.bg6 #site h2 {
  color: #e7a00e;
}

body.stop.bg7 #site-title .title-light {
  display: block;
}

body.stop.bg7 #site-title .title-dark {
  display: hidden;
}

body.stop.bg7 #miniplayer-ad {
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

body.stop.bg7 #footer {
  background: #e7a00e;
}

/* =========================================================== */

@media only screen and (min-width: 1650px) {
  /* body {
    border: 3px gray solid;
  } */

  #site #site-title {
    text-align: left;
  }

  #site-title img {
    width: 550px;
  }

  #site h1 {
    text-align: center;
    font-size: 80px;
    line-height: 100px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 1500px) {
    /* body {
        border: 5px yellow solid;
    } */

    body.stop.bg2 #banner {
      background-position-y: -50px;
    }
    body.stop.bg5 #banner {
      background-position-y: -20px;
    }}


@media only screen and (max-width: 1350px) {
    /* body {
        border: 5px pink solid;
    } */


}


@media only screen and (max-width: 1280px) {
/* body {
    border: 5px red solid;
} */

#site h1 {
    text-align: center;
    font-size: 40px;
    line-height: 55px;
  }

  body #site #banner {
    height: 400px;
  }

  body #site #banner-container {
    height: 400px;
  }

  #site-title img {
    width: 92%;
  }

  body.stop.bg1 #banner {
    background-position-y: -30px;
  }

  body.stop.bg2 #banner {
    background-position-y: -50px;
  }

  body.stop.bg3 #banner {
    background-position-y: -50px;
  }

  body.stop.bg4 #banner {
    background-position-y: -40px;
  }

  body.stop.bg5 #banner {
    background-position-y: -40px;
  }

  body.stop.bg6 #banner {
    background-position-y: -100px;
  }

  body.stop.bg7 #banner {
    background-position-y: -30px;
  }

  #content {
    width: 90%;
  }

  #events {
    float: none;
    width: 430px;
    margin: auto;
    padding: 40px 0;
  }

  #youtube-player {
    padding-bottom: 3vw;
  }

  #site #footer .panel {
    float: none;
    padding-right: 0;
    width: 100%;
  }

  #footer #super-panel-cruncher {
    width: 66%;
    margin: auto;
    text-align: center;
  }
}

@media only screen and (max-width: 1000px) {
    /* body {
        border: 5px cyan solid;
    }
       */
    body.stop.bg5 #banner {
      background-position-y: -20px;
    }

    body.stop.bg6 #banner {
      background-position-y: -50px;
    }
}


@media only screen and (max-width: 812px) {
    /* body {
        border: 5px green solid;
    } */
    
  #site h1 {
    text-align: center;
    font-size: 35px;
    line-height: 40px;
  }

  #miniplayer-ad {
    right: -430px !important;
  }

  body #site #banner {
    height: 270px;
  }

  body #site #banner-container {
    height: 270px;
  }

  #site-title img {
    width: 95%;
  }

  body.stop.bg1 #banner {
    background-position-y: -10px;
  }

  body.stop.bg2 #banner {
    background-position-y: -30px;
  }

  body.stop.bg3 #banner {
    background-position-y: -30px;
  }

  body.stop.bg4 #banner {
    background-position-y: -30px;
  }

  body.stop.bg5 #banner {
    background-position-y: -10px;
  }

  body.stop.bg6 #banner {
    background-position-y: -50px;
  }

  body.stop.bg7 #banner {
    background-position-y: -30px;
  }

  #content {
    width: 90%;
  }

  #events {
    float: none;
    width: 430px;
    margin: auto;
    padding: 40px 0;
  }

  #youtube-player {
  }

  #footer #super-panel-cruncher {
    width: 100%;
    margin: auto;
    text-align: center;
  }
}

@media only screen and (max-width: 500px) {
    /* body {
        border: 5px purple solid;
    } */
    
  /*#miniplayer, #miniplayer-ad {*/
  /*right: -430px !important;*/
  /*}*/

  #miniplayer-ad {
    right: -430px !important;
  }

  #site {
    width: 100%;
    overflow: hidden;
  }

  #site h1 {
    text-align: center;
    font-size: 30px;
    line-height: 35px;
  }

  body #site #banner {
    height: 200px;
  }

  body #site #banner-container {
    height: 200px;
  }

  #site-title img {
    height: 140px;
    width: 200px;
  }

  body.stop.bg1 #banner {
    background-position-y: -0px;
  }

  body.stop.bg2 #banner {
    background-position-y: -20px;
  }

  body.stop.bg3 #banner {
    background-position-y: -20px;
  }

  body.stop.bg4 #banner {
    background-position-y: -10px;
  }

  body.stop.bg5 #banner {
    background-position-y: -10px;
  }

  body.stop.bg6 #banner {
    background-position-y: -50px;
  }

  body.stop.bg7 #banner {
    background-position-y: -30px;
  }

  #content {
    width: 90%;
  }

  #events {
    float: none;
    width: 415px;
    margin: auto;
    padding: 0 0;
  }

  #youtube-player {
    padding-bottom: 3vw;
  }

  #site #footer #footer-content {
    width: 100%;
  }
  #site #footer #super-panel-cruncher {
    width: 100%;
    margin: 0;
    text-align: center;
  }
}

#content p:first-of-type {
  margin-top: 0;
  padding: 0;
}