*{
  margin:0;
  padding:0;
}

.wrapper{
    margin:auto;
    border: 2px solid white;
    border-left-color: black;
    border-right-color: black;
    border-top: black;


    border-width: 100%;
    padding-bottom: 10px;

}



header{
  background: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9)), url("images/7.jpg");
  height:305vh;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: relative;

}

@media screen and (max-width: 650px) {
  header {
    height: 1020vh

  }
}


.nav-area{
  float: right;
  list-style: none;
  margin-top: 30px;

}

.nav-area li {
    display: inline-block;


}

.nav-area li a {

    color: #fff;
    text-decoration: none;
    padding: 15px 20px;
    font-size:16px;

}

.nav-area li a:hover{
  background: red;
  color: #fff;

}







.logo img{
  width: 40px;
  height: 40px;
  float: left;
  padding: 20px 10px 30px 10px;
}

.logo h1{
  color: #fff;
}

.body{

  padding-left: 80px;


}
@media screen and (max-width: 650px) {
  .body {

    margin-left: -80px;

  }
}
.video{
  width:230px;
  height:220px;
  margin-left: 50px;

}

.video1{
  float: left;
  list-style: none;
  margin-top: 5px;

}

.video1 li {
    display: inline-block;


}

.video1 li a {

    color: #fff;
    text-decoration: none;

    font-size:16px;
    margin-left: 80px;
}
@media screen and (max-width: 650px) {
  .video1 {
    width:80%;

    float: top;
    margin-top: 0px;
    margin-right: 0px;


  }
}


#video3{
  padding-left: 140px;
}

#video4{
  padding-left: 135px;
}

#video5{
  padding-left: 135px;
}

/*next line1*/



.nextline1{
  float: left;
  list-style: none;
  margin-top: 5px;

}

.nextline1 li {
    display: inline-block;


}

.nextline1 li a {

    color: #fff;
    text-decoration: none;

    font-size:16px;
    margin-left: 80px;
}

/*nextline2*/



.nextline2{
  float: left;
  list-style: none;
  margin-top: 5px;

}

.nextline2 li {
    display: inline-block;


}

.nextline2 li a {

    color: #fff;
    text-decoration: none;

    font-size:16px;
    margin-left: 80px;
}

/*nextline3*/



.nextline3{
  float: left;
  list-style: none;
  margin-top: 5px;

}

.nextline3 li {
    display: inline-block;


}

.nextline3 li a {

    color: #fff;
    text-decoration: none;

    font-size:16px;
    margin-left: 80px;
}
/*nextline4*/



.nextline4{
  float: left;
  list-style: none;
  margin-top: 5px;

}

.nextline4 li {
    display: inline-block;


}

.nextline4 li a {

    color: #fff;
    text-decoration: none;

    font-size:16px;
    margin-left: 80px;
}

/*nextline5*/



.nextline5{
  float: left;
  list-style: none;
  margin-top: 5px;

}

.nextline5 li {
    display: inline-block;


}

.nextline5 li a {

    color: #fff;
    text-decoration: none;

    font-size:16px;
    margin-left: 80px;
}


.next{

  margin-left: 550px;
  text-decoration: none;
  font-size:30px;
  color: #fff;


}

.next:hover{
  background: red;
  color: #fff;

}