/* For large devices */
  @media screen and (min-width: 1150px) {
  
    .banner{
      position: relative; 
      width: 100%; 
      height: calc(100vh - var(--header-height)); 
      background-color: #d2f5df; 
      background-size: cover; 
      background-position: center; 
      transition: all .1s ease-in-out; 
      background-image: url('../img/conocemannaferro-compu.png'); 
      z-index: 1; 
      margin-top: -1.5rem; 
    } 
  
    .banner-content{
      margin: 0; 
      padding: 0; 
      background-color: rgb(0, 0, 0, .5); 
      width: 100%; 
      height: 100%; 
      justify-content: center; 
      align-items: center; 
      display: flex; 
      flex-direction: column;
    }
  
  } 

  @media (max-width: 820px) {
    .banner{
      background-image: url('../img/conocemeannaferro-tablet.png'); 
      position: relative; 
      width: 100%; 
      height: calc(100vh - var(--header-height)); 
      background-color: #d2f5df; 
      background-size: cover; 
      background-position: center; 
    } 
   }

   @media (max-width: 490px) {
    .banner{
      background-image: url('../img/conocemeannaferro-celular.png'); 
      position: relative; 
      width: 100%; 
      height: calc(100vh - var(--header-height)); 
      background-color: #d2f5df; 
      background-size: cover; 
      background-position: center; 
    }  
      }