SCSS

SCSS

header{
 height: 1482px;
 
      background: url(..) no-repeat top center;
      @media only screen and (max-width: 1199px) and (min-width: 993px) {
          background: url(..) no-repeat top center;
          height: 1482px;
      }
      @media only screen and (max-width: 992px) and (min-width: 769px) {
          background: url(..) no-repeat top center;
          height: auto;
          padding: 50px 0;
          text-align: center;
          background-size: cover
      }
      @media only screen and (max-width: 768px) and (min-width: 200px) {
          background: url(..) no-repeat top center;
          height: auto;
          padding: 30px 0;
          text-align: center;
          background-size: cover;
      }
 }
 
 
  @media only screen and (max-width: 1199px) and (min-width: 993px) {}
  @media only screen and (max-width: 992px) and (min-width: 769px) { }
  @media only screen and (max-width: 768px) and (min-width: 541px) { }
  @media only screen and (max-width: 540px) and (min-width: 200px) { }

@media only screen and (max-width: 1199px) and (min-width: 993px) {}
@media only screen and (max-width: 992px) and (min-width: 769px) { }
@media only screen and (max-width: 768px) and (min-width: 541px) { }
@media only screen and (max-width: 540px) and (min-width: 200px) { }

margin-left: auto;
margin-right: auto;
text-align: center;