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

section img {
    height: 10vh;
}

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

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

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

.first-image p {
    color: #1A5AA4;
    font-family: Baskerville_Rugular;
    font-size: 1.5vw;
}

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

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

.second-image p {
    color: #1A5AA4;
    font-family: Baskerville_Rugular;
    font-size: 1.5vw;
}

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

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

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

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

.therd-image p {
    color: #1A5AA4;
    font-family: Baskerville_Rugular;
    font-size: 1.5vw;
}

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

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

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

.fourth-image p {
    color: #1A5AA4;
    font-family: Baskerville_Rugular;
    font-size: 1.5vw;
}

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

.therd-summary {
    background: #ffffff url(../img/DdocMachineLearning/Esquina02.png) bottom left no-repeat;
    background-size: 20%;
}

.fifth-block {
    margin-left: 25%;
    margin-top: -8%;
    margin-bottom: 7%;
}

.fifth-image {
    text-align: center;
}

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

.fifth-image p {
    color: #1A5AA4;
    font-family: Baskerville_Rugular;
    font-size: 1.5vw;
}


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

    .first-image p {
        font-size: 3.5vw;
    }

    .second-image p {
        font-size: 3.5vw;
    }

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

    .therd-image p {
        font-size: 3.5vw;
    }

    .fourth-block {
        margin-bottom: 15%;
    }

    .fourth-image p {
        font-size: 3.5vw;
    }

    .fifth-block {
        margin-left: 0%;
        margin-top: 20%;
        margin-bottom: 30%;
    }

    .fifth-image p {
        font-size: 3.5vw;
    }

}