/*-------------------------------------------------------------------------------*/

body {
  margin: 0;
  padding: 0;
/*  Background fallback in case of IE8 & down, or in case video doens't load, such as with slower connections  */
  background-attachment: fixed;
  background-size: cover;
}

h2 {
  width: 100%;
  font-size: 2vw;
  color: #EBEBEB !important;
  font-family: 'Jua';
  text-align: center;
}

h3 {
  width: 100%;
  font-size: 2vw;
  color: #EBEBEB !important;
  font-family: 'Jua';
  text-align: center;
}

#overlay {
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

#middlez {
    position: fixed;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*-------------------------------------------------------------------------------*/


@media only screen and (max-width: 1020px) {

body {
  margin: 0;
  padding: 0;
/*  Background fallback in case of IE8 & down, or in case video doens't load, such as with slower connections  */
  background-attachment: fixed;
  background-size: 305% 125%;
  background-position: -85% 100%;
}

h2 {
  width: 100%;
  font-size: 4vw;
  color: #EBEBEB !important;
  font-family: 'Jua';
  text-align: center;
}

h3 {
  width: 100%;
  font-size: 4vw;
  color: #EBEBEB !important;
  font-family: 'Jua';
  text-align: center;
}

#overlay {
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 2;
}

#middlez {
    position: fixed;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

}