/*=================================================================
	 Summary Section.
==================================================================*/

.first-text {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
}

.first-paragraph {
    color: #1D589E;
    font-family: Circular_Std_Book;
    font-size: 2vw;
}

.title-container {
    color: #ffffff;
    font-family: Baskerville_Rugular;
    font-size: 2vw;
    text-align: center;
    margin-top: -165%;
}

.table-body th {
    width: 2%;
    border: none;
    padding-top: 3.5%;
}

.table-body td {
    color: #ffffff;
    border: none;
    font-family: Baskerville_Rugular;
    font-size: 2vw;
    word-wrap: break-word;
    max-width: 150px;
}

.containers-text {
    margin-bottom: 5%;
}

.image-containers img {
    width: 30vw;
}

@media only screen and (min-width: 1050px) {
    .image-containers {
        width: 80% !important;
        margin: 2%;
    }
}

@media screen and (min-width: 250px) and (max-width: 579px) {
    .first-paragraph {
        font-size: 5vw;
        margin-top: 5%;
    }
    .first-title-mo {
        font-size: 5vw;
        margin-top: -590%;
    }
    .table-body td {
        font-size: 4vw;
    }
    .second-title-mo {
        font-size: 5vw;
        margin-top: -375%;
    }
    .therd-title-mo {
        font-size: 5vw;
    }
}

/*=================================================================
	 Image pick and Image Diagram 
==================================================================*/
.pico-gris img{
    background-color: #ffffff;
    display: block;
    width: 100%;
}

.pico-azyl img{
    display: block;
    width: 100%;
}

.flowchart {
    background-color: #E0E1E3;
}

.image-diagram {
    text-align: center;
    padding: 10% 0;
}

.image-diagram img {
    height: 70vh;
}

@media screen and (max-width: 700px) {
    .image-diagram img {
        height: 40vh;
    }
}

@media screen and (min-width: 250px) and (max-width: 500px) {
    .image-diagram img {
        height: 25vh;
    }
}

/*=================================================================
	 Banefits section
==================================================================*/

.benefits {
    background-color: #2B2450;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.title-benefits {
    color: #ffffff;
    font-family: Circular_Std_Bold;
    font-size: 3vw;
    margin-top: 6%;
    margin-bottom: 4%;
}

.summary-benefits {
    background-color: #2B2450;
    padding-bottom: 10vh;
}

#benefitsImg {
    float: left;
    width: 50%;
    margin-right: 1vw;
}

#benefitsImg img {
    width: 100%;
}

.summary-benefits .table {
    width: 40%;
    margin: 0;
}

.summary-benefits .table-body th {
    width: 2%;
    border: none;
}

.summary-benefits .table-body td {
    color: #ffffff;
    border: none;
    font-family: Baskerville_Rugular;
    font-size: 2vw;
    word-wrap: break-word;
}

@media screen and (min-width: 250px) and (max-width: 579px) {
    #benefitsImg {
        display: none;
    }
    .title-benefits {
        font-size: 8vw;
    }
    .summary-benefits .table {
        width: 95%;
    }
    .summary-benefits .table-body td {
        font-size: 5.5vw;
        text-align: left;
        width: 100%;
    }
}