@media only screen and (max-width:1200px){ 
      header{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
      }
      
      main{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
      }
    }
  
  @media only screen and (max-width:992px){
    main img{
      width: 100%;
    }
    header{
      flex-direction: column-reverse;
    }
    header .logo{
      font-size: 30px;
      align-self: flex-end;
    }
    header .elem{
      line-height: 30px;
    }
  }
  @media only screen and (max-width:768px){ /*-------ГОТОВО-------*/
    
  }
  @media only screen and (max-width:570px){
    header .elem a:nth-child(2){
      display: none;
    }
  }
  @media only screen and (max-width:400px){
    
  }
  @media only screen and (max-width:320px){
    
  }