@media (min-width: 320px) {
  .page-header h1 {
    font-size: 2.5rem;
  }
  #img-banner {
    display: none;
  }  
}

@media(min-width: 375px) {
  .page-header h1 {
    font-size: 3rem;
  }
}

@media(min-width: 425px) {

}

@media(min-width: 768px) {
  .page-header img {
    max-height: 40vh;
  }
  .slogan {
    font-size: 2rem;
    font-weight: 500;
  }  
}

@media(min-width: 1024px) {
  #img-banner {
    height: 100%;
    display: block;
  } 
}

@media(min-width: 1440px) {
  .page-header {
    min-height: 75vh;
    margin-top: 3rem;
  }
  .slogan {
    font-size: 2.5rem;
    font-weight: 500;
  }    
}

@media(min-width: 2560px) {

}