/* ###############################
MEDIA QUERIES 
############ */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.desktop {
    display: none;
    }
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
.desktop {
    display: none;
    }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .mobile {
        display: none;
    }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    
    .desktop {
      
    }
    .mobile {
        display: none;
    }
}





body {background-color:#282828;}

/* #########################

PACE

DISABLE IF OFFLINE!! 

################################

*/


body > :not(.pace),body:before,body:after {
  -webkit-transition:opacity .4s ease-in-out;
  -moz-transition:opacity .4s ease-in-out;
  -o-transition:opacity .4s ease-in-out;
  -ms-transition:opacity .4s ease-in-out;
  transition:opacity .4s ease-in-out
}

body:not(.pace-done) > :not(.pace),body:not(.pace-done):before,body:not(.pace-done):after {
  opacity:0
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;

  -webkit-transform: translate3d(0, -50px, 0);
  -ms-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);

  -webkit-transition: -webkit-transform .5s ease-out;
  -ms-transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
}

.pace.pace-active {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.pace .pace-progress {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 10px;
  background: #a72329;

  pointer-events: none;
}





/* #########################

Desktop

################################

*/


.slide {
    height: 100vh;
    width: 100v
}

.bg-1 {
    background: url('img/1.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
    filter: blur(20%);
}

.bg-2 {
    background: url('img/2.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}

.bg-3 {
    background: url('img/3.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}

.bg-4 {
    background: url('img/4.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}

.bg-5 {
    background: url('img/5.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}

.bg-6 {
    background: url('img/6.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}

.bg-7 {
    background: url('img/7.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-19-0 {
    background: url('img/19-0.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-19-1 {
    background: url('img/19-1.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-19-a1 {
    background: url('img/19-a1.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}

.bg-19-a2 {
    background: url('img/19-a2.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}

.bg-19-a3 {
    background: url('img/19-a3.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}

.bg-19-2 {
    background: url('img/19-2.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-19-3 {
    background: url('img/19-3.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-19-4 {
    background: url('img/19-4.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-19-5 {
    background: url('img/19-5.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-19-6 {
    background: url('img/19-6.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}

.bg-8 {
    background: url('img/8.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}
.bg-8a {
    background: url('img/8a.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}

.bg-9 {
    background: url('img/9.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-10 {
    background: url('img/10.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-11 {
    background: url('img/11a.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-12 {
    background: url('img/12.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-13 {
    background: url('img/13.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-14 {
    background: url('img/14.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-15 {
    background: url('img/15.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-16 {
    background: url('img/16.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-17 {
    background: url('img/17.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-18 {
    background: url('img/18.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-19 {
    background: url('img/19.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-20 {
    background: url('img/20.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-21 {
    background: url('img/21.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-22 {
    background: url('img/22.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-23 {
    background: url('img/23.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-24 {
    background: url('img/24.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-25 {
    background: url('img/25.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-26 {
    background: url('img/26.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-27 {
    background: url('img/27.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-28 {
    background: url('img/28.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-29 {
    background: url('img/29.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-30 {
    background: url('img/30.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-31 {
    background: url('img/31.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-32 {
    background: url('img/32.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-33 {
    background: url('img/33.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}


.bg-34 {
    background: url('img/34.png') no-repeat fixed;
    color:#fff;
    background-size:contain;
}



/* #########################

MOBILE

################################

*/



.mobile-style {
    color: white;
    font-size: 36pt; 
    font-family: 'Raleway', sans-serif;
    text-align: center;
    margin-top: 25%;
    background-attachment: fixed;
    
}



.mobile-bg-1 {
    background: url('img/1.png') no-repeat;
    color:#fff;
    background-size:contain;
    filter: blur(20%);
}

.mobile-bg-2 {
    background: url('img/2.png') no-repeat;
    color:#fff;
    background-size:contain;
}

.mobile-bg-3 {
    background: url('img/3.png') no-repeat;
    color:#fff;
    background-size:contain;
}

.mobile-bg-4 {
    background: url('img/4.png') no-repeat;
    color:#fff;
    background-size:contain;
}

.mobile-bg-5 {
    background: url('img/5.png') no-repeat;
    color:#fff;
    background-size:contain;
}

.mobile-bg-6 {
    background: url('img/6.png') no-repeat;
    color:#fff;
    background-size:contain;
}

.mobile-bg-7 {
    background: url('img/7.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-19-0 {
    background: url('img/19-0.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-19-1 {
    background: url('img/19-1.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-19-a1 {
    background: url('img/19-a1.png') no-repeat;
    color:#fff;
    background-size:contain;
}

.mobile-bg-19-a2 {
    background: url('img/19-a2.png') no-repeat;
    color:#fff;
    background-size:contain;
}

.mobile-bg-19-a3 {
    background: url('img/19-a3.png') no-repeat;
    color:#fff;
    background-size:contain;
}

.mobile-bg-19-2 {
    background: url('img/19-2.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-19-3 {
    background: url('img/19-3.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-19-4 {
    background: url('img/19-4.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-19-5 {
    background: url('img/19-5.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-19-6 {
    background: url('img/19-6.png') no-repeat;
    color:#fff;
    background-size:contain;
}

.mobile-bg-8 {
    background: url('img/8.png') no-repeat;
    color:#fff;
    background-size:contain;
}
.mobile-bg-8a {
    background: url('img/8a.png') no-repeat;
    color:#fff;
    background-size:contain;
}

.mobile-bg-9 {
    background: url('img/9.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-10 {
    background: url('img/10.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-11 {
    background: url('img/11a.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-12 {
    background: url('img/12.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-13 {
    background: url('img/13.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-14 {
    background: url('img/14.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-15 {
    background: url('img/15.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-16 {
    background: url('img/16.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-17 {
    background: url('img/17.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-18 {
    background: url('img/18.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-19 {
    background: url('img/19.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-20 {
    background: url('img/20.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-21 {
    background: url('img/21.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-22 {
    background: url('img/22.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-23 {
    background: url('img/23.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-24 {
    background: url('img/24.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-25 {
    background: url('img/25.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-26 {
    background: url('img/26.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-27 {
    background: url('img/27.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-28 {
    background: url('img/28.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-29 {
    background: url('img/29.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-30 {
    background: url('img/30.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-31 {
    background: url('img/31.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-32 {
    background: url('img/32.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-33 {
    background: url('img/33.png') no-repeat;
    color:#fff;
    background-size:contain;
}


.mobile-bg-34 {
    background: url('img/34.png') no-repeat;
    color:#fff;
    background-size:contain;
}