@media screen and (max-width: 1400px) {
    body{
        width: 50%;
    }

}

@media screen and (max-width: 1300px) {
    body{
        width: 80%;
    }
}

@media screen and (max-width: 960px) {
    body{
        width: 90%;
    }
    
    .fecha__cont{
        width: 40%;
    }
}

@media screen and (max-width: 600px) {
    body{
        width: 100%;
    }

    .fecha__cont{
        width: 30%;
    }

    .itinerario__content {
        width: 28%;
    }
}

@media screen and (max-width: 300px) {
    .frase{
        padding: 10rem .5rem;
    }

    .fecha__cont{
        width: 50%;
    }

    .mesa__title {
        font-family: "Parisienne";
        font-size: 5rem;
        font-weight: 500;
        color: #2D3021;
    }
    
    .mesa__text {
        font-family: "Open Sans", serif;
        font-size: 2rem;
        font-weight: 500;
    }

}