/*=================================================================
	 First Ddoc Summary
==================================================================*/

.frst-summary {
    background: #ffffff url(../img/DdocPage/Esquina.png) top right no-repeat;
    background-size: 20%;
}

.frst-summary div > img {
     height: 10vh;
}

.first-image {
    text-align: center;
    margin-top: 35%;
}

.first-image img {
    text-align: center;
    margin-bottom: 10%;
}

.first-summary-text {
    color: #1A5AA4;
    font-family: Baskerville_Rugular;
    font-size: 1.5vw;
    margin-bottom: 7%;
}

.second-image {
    text-align: center;
    margin-top: 35%;
}

.second-image img {
    text-align: center;
    margin-bottom: 10%;
}

.second-summary-text{
    color: #1A5AA4;
    font-family: Baskerville_Rugular;
    font-size: 1.5vw;
    margin-bottom: 7%;
}

section div p {
    font-size: 1.5vw !important;
}

section a img {
    width: 15vw;
}

/*********************/

.second-summary {
    background: #ffffff url(../img/DdocPage/Esquina_02.png) bottom left no-repeat;
    background-size: 20%;
}

.second-summary div > img {
    /* width: 15vw; */
    height: 10vh;
}

.therd-block {
    margin-bottom: 18%;
}

.therd-image {
    text-align: center;
    margin-top: 35%;
}

.therd-image img {
    text-align: center;
    margin-bottom: 10%;
}

.therd-summary-text{
    color: #1A5AA4;
    font-family: Baskerville_Rugular;
    font-size: 1.5vw;
    margin-bottom: 8%;
}

/********************/

.fourth-image {
    text-align: center;
    margin-top: 35%;
}

.fourth-image img {
    text-align: center;
    margin-bottom: 10%;
}

.fourth-summary-text{
    color: #1A5AA4;
    font-family: Baskerville_Rugular;
    font-size: 1.5vw;
    margin-bottom: 15%;
}

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

    .first-image {
        margin-top: 15%;
    }

    .second-image {
        margin-top: 15%;
    }

    .therd-image {
        margin-top: 15%;
    }

    .fourth-image {
        margin-top: 3%;
        margin-bottom: 15%;
    }

    .first-summary-text{
        font-size: 5vw;
    }

    .second-summary-text{
        font-size: 5vw;
    }
    
    .therd-summary-text{
        font-size: 5vw;
    }
    
    .fourth-summary-text{
        font-size: 5vw;
    }

    .first-image a img{
        width: 20vh;
    }

    .second-image a img{
        width: 20vh;
    }

    .therd-image a img{
        width: 20vh;
    }

    .fourth-image a img{
        width: 20vh;
    }


}

.txtddoc{
    font-size: 20px !important; 
    color: #2e2950 !important; 
    width: 100% !important;
    font-family: Circular_Std_Bold !important;
}