.main-container{
    margin: auto;
    display: block;
    text-align: center;
    width: 85%;
}

#foto1 {
    display: block;
    /*width: 300px;*/
    height: 300px;
    max-width: 70%;
    margin-bottom: 10px;
    margin-top:  10px;
    margin-left: auto;
    margin-right: auto;
}

#foto2 {
    display: block;
    margin-bottom: 20px;
    margin-top:  20px;
    margin-left: auto;
    margin-right: auto;
    height: 250px;
}

#foto3 {
    display: block;
    margin-bottom: 20px;
    margin-top:  20px;
    margin-left: auto;
    margin-right: auto;
    height: 250px;
}

#foto4 {
    display: block;
    margin-bottom: 20px;
    margin-top:  20px;
    margin-left: auto;
    margin-right: auto;
    height: 400px;
}

.firma-box{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
}

.bloque {
    text-align: justify;
    font-family: Helvetica;
    /*display: block;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*max-width: 70%;*/
}

#title {
    margin-top: 30px;
}

.leyendaatencion{
    font-size: medium;
}

@media (max-width: 760px){
    #foto1 {
        height: 200px;
        margin-bottom: 10px;
        margin-top:  10px;
    }

    #foto2 {
        height: 150px;
        margin-bottom: 10px;
        margin-top:  10px;
    }

    #foto3 {
        height: 150px;
        margin-bottom: 10px;
        margin-top:  10px;
    }

    #foto4 {
        height: 150px;
        margin-bottom: 10px;
        margin-top:  10px;
    }

    .h5, h5 {
        font-size: 1.2rem;
    }

    .firma-subcomision{
        font-size: small;
    }
}