.foto-principal {
    width: 100%;
}

.foto-principal img {
    width: 100%;
}

.foto-principal section{
    position: absolute;
    top: 25%;
    left: 15px;
    width: 600px;
    background-color: rgba(80, 80, 80, 0.568);
    text-align: justify;
    padding: 20px;
}

.foto-principal section a {
    float: right;
    background-color:#FFC72C; 
    padding: 5px 20px;
    text-decoration: none;
    color: rgb(48, 48, 48);
    border-radius: 2px;
}

.foto-principal section h2 {
    color: white;
}

.foto-principal section p {
    color: white;
}

.flickity-prev-next-button {
    display: none;
}

.flickity-page-dots {
    display: none;
}


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

    .foto-principal section{
        top: 20%;
        width: 500px;
    }

    #costos-superfloor-mantenimiento  {
        flex-direction: column;
        align-items: center;
    }

}

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

    .foto-principal section{
        top: 7%;
    }

    /* .foto-principal {
        height: 200px;
    } */

}

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


    .foto-principal section{
        width: 400px;
    }

    .foto-principal section a {
        margin-top: -20px;
    }

}

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

    
    .foto-principal section{
        width: 300px;
        height: 120px;
        padding: 10px;
    }

    .foto-principal section h2 {
        font-size: 1em;
    }

    .foto-principal section p {
        font-size: 0.9em;
    }

}

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

    
    .foto-principal section{
        display: none;
    }

}