@media only screen and (min-width: 768px) and (max-width: 1439px)  {
    #section1{
        padding-bottom: 80px;
    }
    #section1 > div.container {
        padding: 0 124px;
        margin-top: 48px;

    }
    #section1 > div.container > div > form{
        width: 521px;
        margin: 0 auto;
    }


    .italic-box{
        text-align: left;
        width: 277px;
        padding: 8px 0px;
    }

    .section2 > div > h1 {
        margin-top: 80px;
        font-size: 40px;
    }
    #section2 > div > p {
        width: 600px;
    }

    .grid-container{
        max-width: 500px;
    }
    .section2 > div > div.grid-container > div.grid-item > p {
        max-width: 500px;
    }
    #section2 > div > a {
        width: 340px;
    }
    .modalidad{
        width: 250px;
    }

    #section3 > div > a {
        width: 340px;
        margin: 50px auto 0 auto;

    }
    .plan{
        width: 340px;
    }
    .planes{
        display: flex;
        flex-direction: row-reverse;
        gap: 24px;
    }
    .observaciones > p{
        width: 521px;
        margin: 0 auto;
    }
    .section5 > div{
        width: 521px;
        margin: 0 auto;
    }
    #section5 > div:nth-child(1) > a {
        width: 340px;
        margin: 50px auto;
    }
    #googleMap{
        height:400px;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    footer{
        min-height: 430px;
    }

    footer > div.row {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 32px;
        align-items: center;
        margin-top: 32px;
    }
    #section1 > div > div > p {
        margin: 30px 0px;
        font-size: 18px;
    }

}