*{
  font-style: italic;
    padding: 0;
    margin: 0;
 }
 
 #header{
   width: 80%;
   height: 50px;
   position: fixed;
   top: 0px;
   left: 10%;
    color: black;
    
    
    background-color: rgb(92, 87, 87);
    border-radius: 30px;
z-index: 1;
}

th:hover{
    color: rgb(240, 239, 241);
}

th{
  
  text-align: center;
  
  padding-left: 20px;
  position: relative;
  left: 250px;
  bottom: 100ox;
  padding-top: 15px;
  border-radius: 30px;

  

}
th{
  width: 100px;
}
#MH{
  display: block;
  float: inline-start;
  position: relative;
  bottom: 10px;
  left: 10px;
  padding-top: 20px;

}
#page1{
  width: 1500px;
  height: 800px;
  background-image: url("https://img.freepik.com/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275218.jpg?semt=ais_hybrid&w=740&q=80");
  background-repeat: no-repeat;
  background-size: cover;
}
#big-title{
  font-size: 150px; 
  color: rgb(180, 176, 176);
  z-index: 0;
}
#m{
  position:absolute;
  top: 200px;
  z-index: 0;
}

#page2{
  width: 100%;
  height: 500px;
  
}
#t-page2{
  color: rgb(82, 80, 78);
  text-align: center;
  position: relative;
  top: 25%;
}
.companies{
  position: relative;
  right: 100px;

}
#nav1{
  width: 200px;
  height: 200px;
  margin: 200px;
  position: absolute;
  left: 250px;
  font-size: 20px;
 
}
#logo1{
  float: left;
  position: relative;
right: 100px;
bottom: 10px;

}
#nav2{ width: 200px;
  height: 200px;
  margin: 200px;

  position: absolute;
  left: 550px;
  font-size: 20px;

}
#logo2{
  float: left;
  position: relative;
  right: 110px;
  bottom: 0px;

}
#nav3{
  width: 200px;
  height: 200px;
  margin: 200px;

  position: absolute;
  left: 800px;
  font-size: 20px;

}
#logo3{
  float: left;
  position: relative;
  right: 110px;
  bottom: 0px;

}
.page3{
  width: 100%;
  height: 1000px;
  background-image: url(https://media.gucci.com/style/DarkGray_Center_0_0_490x490/1758133827/836181_Z7AST_1000_012_100_0000_Light-.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: cover;


}
.div1{
  text-align: center;
 
 
   margin-top: 200px;

 
}

#mo{
  text-align: center;
  padding-bottom:40px ;
  color: rgb(240, 247, 247);
  position: relative;
  top: 100px;
}
#img1{
  width: 300px;
   
}
#img2{
  width: 350px;
  position: relative;
  left: 30px;
}
#img3{
  width: 200px;
}
#img4{
 width: 200px;
  position: relative;
  left: 30px;
}
#img5{
 width: 200px;
  position: relative;
  left: 60px;
}
.img-bottem{
  margin-top:50px;

}
#p-page3{
  color: aliceblue;
  text-align: center;
  position: relative;
  top: 100px;
  font-size: 25px;
}
.page4{
  width: 100%;
  height: 300px;
}
.p-page4{
  text-align: center;
  position: relative;
  top: 125px;
  
}
#input{
  background-color: rgb(63, 63, 63);
  padding: 10px 10px;
  border-radius: 30px;
  margin-top: 25px;
}
#input:hover{
  color: aliceblue;
  width: 100px;
}