body{
  font-family: 'Raleway', sans-serif;
  background-image: url('');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-color: #000000;

}

/***************************/

p.nav-p{
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}
.warn-toggle{

    padding-top: 100px;
    color: #ffffff;
    background-color: #4298d5;
    height: 100%;
    width: 100%;
    position:fixed;
    overflow-x: hidden;
    z-index: 30;
    top: 0;
    right: 0;
    transition: 0.5s;
}
.enterbtn{

  background-color: #008000;

  border: none;
}
.leavebtn{

  background-color: #FF0000;

  border: none;
}

.enterbtn:hover{

  background-color: #58c058;

  border: none;
}
.leavebtn:hover{

  background-color: #eb5555;

  border: none;
}
/****************************/
a {
  color:#ffffff;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

a:hover {
color: #3aff6d;
text-decoration: none;
}
/***************************/
footer{
  color: #ffffff;
  padding: 20px;
}
/***************************/
ul{
  list-style: none;
  display: inline-block;
}


li.nav-list{
    /*width: 100%;*/
    color: #ffffff;
    font-size: 30px;
    display: inline-block;
    padding-left: 10px;
  }


  hr{
    color: #ffffff;
  }


  video{
    height: 100%;
    width: 100%
  }


  p{
    padding-top: 100px;
  }

  img.borders{
    background:linear-gradient(to right, #ff00ae, #3aff6d);
  }
  img.borders-1{
    padding: 10px;
    border: 2px solid #3aff6d;
  }
  img.borders-2{
    padding: 10px;
    border: 2px solid #ff00ae;
  }

  video, img.module-border-wrap {
  /*max-width: 250px;*/
  /*padding: 1rem;*/
  position: relative;
  background: linear-gradient(to right, #ff00ae, #3aff6d);
  padding: 3px;
}

img.module {
  background: #222;
  color: white;
  padding: 2rem;
}


/********************************/

.intro{
  padding: 25px;
  background-image: url('/images/intro_bg.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-color: #000000;
  height: 50vh;
}
/********************************/

.logo{
  padding-top: 100px;
}

/********************************/

.nav{
  padding: 10px;
  background-image: url('');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-color: #00deff;
  /*height: 10vh;*/
}

/********************************/

.section-1{
  padding: 20px;
  background-image: url('');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-color: #000000;
}

/********************************/

.section-2{
  padding: 20px;
  font-size: 20pt;
  color: #ffffff;
  background-image: url('');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-color: #181818;
}

/********************************/