Помогите с адаптацией сайта !

 * { 
  margin: 0; 
  font-family: "Open Sans", sans-serif; 
} 
 
.header { 
  width: 100vw; 
  height: 60px; 
  border-bottom: 2px solid gray; 
} 
 
.container { 
  display: flex; 
  justify-content: space-around; 
  align-items: center; 
  height: 95%; 
} 
 
.nav { 
  display: flex; 
  gap: 40px; 
} 
 
.header-line { 
  font-family: "Sofia Sans Condensed", sans-serif; 
  position: relative; 
  left: -80px; 
  color: b7ack; 
  font-weight: 900; 
  font-size: 40px; 
} 
 
.nav-item { 
  box-sizing: border-box; 
  padding: 10px; 
  color: black; 
  font-weight: 700; 
  font-size: 18px; 
  text-decoration: none; 
  transition: color 0.1s linear; 
} 
 
.nav-item:hover { 
  color: brown; 
} 
 
 
@media screen and (max-width: 1200px) { 
 
 
} 
 
@media screen and (max-width: 980px) { 
   
} 
 
@media screen and (max-width: 760px) { 
   
} 
 
@media screen and (max-width: 376px) and (max-height: 300px){ 
  h1{ 
    background-color: red; 
  }  
 
   
} 
 

  
 
   
     
     
     
     
          href="https://fonts.googleapis.com/css2?family=Aboreto&family=Open+Sans:ital,wght@0,700;1,300;1,400&display=swap" 
      rel="stylesheet" 
    /> 
     
     
          href="https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed&display=swap" 
      rel="stylesheet" 
      z 
    /> 
 
     
     
   
   
    
 
      
 
        
SafeСделка
 
        
 
          СОЗДАТЬ СДЕЛКУ  
          ПОМОЩЬ 
          БАЛАНС 
          ПРОФИЛЬ