@media screen and ( max-width:850px){
  main{
    width: 90%;
  }
    .conteiner{
        width: 100%;
        
    }
}

@media screen and ( max-width:600px){

    .conteiner{
        width: 95%;
    }
    .horarios{
     display: flex;
     flex-direction: column;
     gap: 15px;
      }  
  
  .conteiner{
    display: flex;
    flex-direction: column;
  }

  .comunicate{
    display: flex;
    flex-direction: column;
  }

  .ubicacion{
    margin-left: auto;
    margin-right: auto;
  }
  .contacto span{
    font-size: 4.5rem;
  }

  .titulo-secciones{
    width: 100%;
    
    }
  .acordeon{
      width: 95%;
    }
  .acordeon h2{
      padding: 5px;

    }
    .acordeon p{
      padding: px;
    }
}