html, body {
    position: relative;  height: 100%;
  }
  body {
    background: #000;  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;    color:#fff;    margin: 0;    padding: 0;
  }


  /*
  SLIDER / SWIPER
  */
  .swiper-container {
    width: 100%;  height: 100%;
  }
  .swiper-slide {
    text-align: center;    font-size: 18px;    background: #fff;   
    /* Center slide text vertically */
    display: -webkit-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;
    -webkit-box-pack: center;    -ms-flex-pack: center;    -webkit-justify-content: center;
    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    -webkit-align-items: center;    align-items: center;

  }
.swiper-container, .swiper-wrapper, .swiper-slide {background-color: #000;}
.swiper-slide {background-color: #000;background-repeat: no-repeat; background-size: contain; background-position: center}
 



/*
Menu Nav
*/
.sidenav {
  /*height: 100%;*/
  width: 0;  position: fixed;  z-index: 100;
  top: 0;  left: 0;  bottom: 0;  background-color: #111;
  overflow-x: hidden;  transition: 0.2s;  padding-top: 60px;  text-align:center;
}

.sidenav a:not(.closebtn) {
  padding: 10px 0;  text-decoration: none;  font-size: 30px;
  color: #e4e4e4;  display: block;  transition: 0.1s;
}

.sidenav a:hover{  color: #f1f1f1; }

.openbtn{ font-size:26px;cursor:pointer; position: absolute; color: white; z-index: 99; padding: 10px 20px; width: 100%; }

.sidenav .closebtn {
  padding: 0 20px 0 10px;  text-decoration: none;  font-size: 46px;
  color: #e4e4e4;  display: block;  transition: 0.1s;
  position: absolute;  top: 0;  right: 0;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
 

/*
MODAL
*/
.modal-backdrop {
  background-color: #000000;
}
.modal-backdrop.show {
  opacity: .5;
}