*{
margin:0;
padding:0;

}


header{
    background-image: url("first_back.png");
    width:100%;
    height: 1000px;
    margin:0;
    background-size: cover;
    


}

nav{
    display: flex;
     justify-content: space-between;
     width:100%;
     position: fixed;
     background-image: url("menu.png");
     

 

}

nav ul li{
     margin-left: 80px;
     display: inline-block;
     color:white;


}


nav ul{
    position: relative;
    top:50px;
    right:100px;
    

   

}

.srch{
   position: relative;
   top:50px;
  right: 20px;

  width:30px;
  height: 30px;

  


}

.heading
{
   position: relative;
   top:200px;
   left:200px;
   width:500px;
   height: 700px;
   
   text-align: left;
   color:white;



}

.heading h1{

    font-size: 50px;
}

.btn{
      background-image: url("btn.png");
      background-repeat: no-repeat;
      height: 70px;
      width: 500px;
      margin-right: auto;
      color:red;
      text-transform: uppercase;
      
      margin-top: 20px;
      

}
.btn h3{

   position: relative;
   top:20px;
   left:80px;
   

}
.midlle{
    height: 500px;
    width: 100%;
    background-image: url("midlle.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
}


.center{
     
    display: flex;
    margin:auto auto;
    



}

.cup{
margin-left: 200px;
color:white;


}
.img3{
      height: 300px;;


}