.mainHeader{
        display:flex;
        width:100%;
        padding:84px 20px 0 20px;
        background-color:#FEFAF8;
        justify-content:center;
      }
      
      .mainHeader .content{
        display:flex;
        width:100%;
        max-width:1049px;
        gap:31px;
        justify-content:space-between;
        /*background-color:brown;*/
        align-items:center;
      }
      
      .mainHeader .number{
        display:flex;
        width:483.45px;
        height:287px;
        /*background-color:purple;*/
        flex-shrink:0;
      }
      
      .mainHeader .number img{
        width:100%;
        object-position:center;
        object-fit:cover;
      }
      
      .mainHeader .parrafo{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:27px;
        /*background-color:green;*/
        max-width:530px;
      }
      
      .mainHeader .parrafo h1{
         font-family: "Playfair Display", serif;
         font-weight: 400;
         font-style: italic;
         font-size:56.56px;
         line-height:59.6px;
      }
      
      
      
      
      /*****/
      
   
      
 #countdown{
    display:flex;
    gap:20px;
    font-size:40px;
    /*background-color:red;*/
    width:fit-content;
}

.contadorBox{
    display:flex;
    flex-direction:column;
    align-items:center;
    /*background-color:purple;*/
}

.numberContador{
    font-family: "Cardo", serif;
    font-weight: 400;
    font-style: normal;
    font-size:46px;
    line-height:48px;
}

.labelContador{
    font-size:14px;
    opacity:0.7;
    /*background-color:green;*/
}
  
  .contadorBox p{
   padding-top:12px; 
  }
      
      
      .mainPicture{
        display:flex;
        width:100%;
        height:auto;
        aspect-ratio:1438/934;
        background-color:#FEFAF8;
      }
      
      .mainPicture img{
        width:100%;
        object-fit:cover;
        object-position:center;
      }
      
      
      
      @media(max-width:890px){
        
        .mainHeader .content{
          flex-direction:column;
          align-items:center;
        }
        
        .mainHeader .parrafo{
          align-items:center;
        }
        
        .mainHeader .parrafo h1{
          text-align:center;
        }
     
      .mainPicture{
        display:flex;
        width:100%;
        height:auto;
        aspect-ratio:612/765;
        /*background-color:black;*/
      }

      .mainPicture img{
        object-position: 85% 0%;
      }

            .mainHeader .number{
              width: 100%;
              height: auto;
              aspect-ratio: 483.45/287;
            }
        
        
      }