* {
    margin: 0;
    padding: 0px;



}


.B1{

margin: 0;
padding: 0;





 overflow: hidden;
}











#video-background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 40;
    left: 0;
    overflow: hidden;
    z-index: -1;



    
  }





  footer{




width:  200px;

display: inline;


  }









.Boxes{



display:grid;

grid-template-columns: 1fr 3fr ;

position:relative; right:  px;


padding: 15px;




}



.Boxes2{


display: flex;
flex-direction: column;




position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

}


.video1{


position: relative; top: 450px; 
border: solid 4px rgb(201, 137, 9);
margin-left: 950px; 
right:50px;
  width: 550px;
padding: 10px;




}



















.image1{

padding: 1px;
margin: 10px;
position: relative; right: 10px; bottom: -170px;

height:380px; width:380px;

border: solid 5px rgb(153, 135, 235);



}



.Logo{

position: relative;

bottom: 70px; right: 10px;

width: 200px;
height: 200px;



}









.M1{




position: relative; top: 0px;




}


.footer{

background-color: #fff;

position:relative; top:168px;
font-size: larger;

width: 310px;

}






footer{

background-color: #fff;

position:relative; top:168px;
font-size: larger;

width: 310px;

}













  nav{
    display: flex;

    width: 103%;
    align-items: center;
    justify-content: space-between;
    padding: 5 580px 0 100px;
    flex-wrap: wrap;
    position: relative; right: 50px; top: 30px;

  z-index: 100;

    height: 100%;
  }
  nav .logo{
    color: #ffffff;
    font-size: 35px;
    font-weight: 600;
  }
  nav ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;



  }
  nav ul li{
    margin: 0 5px;
   
  }
  nav ul li a{
    color: #0f0e0e;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 15px;
    border-radius: 5px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    font-weight: bold;
    font: 1em sans-serif;
    background: #fff;
  }
  nav ul li a.active,
  nav ul li a:hover{
    color: #111;
    background: hsl(0, 64%, 56%);
  }
  nav .menu-btn i{
    color: #edd0d0;
    font-size: 22px;
    cursor: pointer;
    display: none;
  }
  input[type="checkbox"]{
    display: none;
  }









  @media (max-width: 1000px){




.Boxes{



display: contents;







}





    .image1 {



        height:320px; width:320px;
    
       display:inline-block;
    
    
    
    
    
    
    
    }



    nav{
      padding: 0 40px 0 50px;
    }
  }
  @media (max-width: 920px) {
    nav .menu-btn i{
      display: block;
    }
    #click:checked ~ .menu-btn i:before{
      content: "\f00d";









    }
    nav ul{
      position: fixed;
      top: 80px;
      left: -100%;
      background: #111;
      height: 100vh;
      width: 100%;
      text-align: center;
      display: block;
      transition: all 0.3s ease;
    }
    #click:checked ~ ul{
      left: 0;
    }
    nav ul li{
      width: 100%;
      margin: 40px 0;
      background-color: none;
    }
    nav ul li a{
      width: 100%;
      margin-left: -100%;
      display: block;
      font-size: 20px;
      transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 100px;
  align-items: center;
position: relative;
right: -100px;


  
    }
    #click:checked ~ ul li a{
      margin-left: 0px;
    }
    nav ul li a.active,
    nav ul li a:hover{
      background: none;
      color: rgb(237, 231, 231);
      background-color: ;
    }
  }
  .content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: -1;
    width: 100%;
    padding: 0 30px;
    color: #a84f4f;
    
  }
  .content div{
    font-size: 40px;
    font-weight: 700;
  }







                                   



}