.dia-d {
    position: relative;
    padding: 280px 10px 60px;
    background: url(/img/bg-verde.webp) no-repeat center center;
    background-size: cover;
    color: var(--cor-clara);
}
.dia-d-grid {
    max-width: 900px;
    display: grid;
    justify-items: center;
    gap: 30px;
}
.dia-d-content {
    display: grid;
    gap: 25px;
    justify-items: center;
}
#cesta {
    position: absolute;
    top: -40%;
}
.dia-d-content h3 {
    color: #5FB481;
}

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

    .dia-d {
        padding: 200px 10px 60px;
    }

    .dia-d-content h2 {
        font-size: 2.75rem;
    }
    
}

@media only screen and (min-width:370px) and (max-width:439px) {

    .dia-d {
        padding: 10px 10px 60px;
    }

    .dia-d-content h2 {
        font-size: 2.4rem;
    }

    .dia-d-content p {
        font-size: 1rem;
    }

    #cesta {
        position: relative;
        top: 0;
    }
    
}

@media only screen and (min-width:0px) and (max-width:369px) {

    .dia-d {
        padding: 10px 10px 60px;
    }

    .dia-d-content h2 {
        font-size: 1.7rem;
    }

    .dia-d-content p {
        font-size: 1rem;
    }

    #cesta {
        position: relative;
        top: 0;
    }
    .dia-d-content h3 {
        font-size: 1.25rem;
    }
    
}