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

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

.first-paragraph {
    color: #2B2450;
    font-family: Circular_Std_Bold;
    font-size: 3vw;
}

.second-paragraph {
    color: #185BA2;
    font-family: Circular_Std_Bold;
    font-size: 2.5vw;
}

.second-text {
    display: inline-block;
    color: #2B2450;
    font-family: Baskerville_Rugular;
    font-size: 2vw;
    text-align: center;
}

@media screen and (max-width: 700px) {
    .first-paragraph {
        font-size: 9vw;
    }
    .second-paragraph {
        font-size: 5vw;
        margin-top: -2%;
    }
    .second-text {
        font-size: 5vw;
        margin-top: -3%;
    }
}

/*=================================================================
	 Summary Functionality
==================================================================*/

.title-functionality {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
}

.first-functionality img, .second-functionality img {
    width: 2vw;
}

.pincipal-title {
    color: #20549F;
    font-family: Circular_Std_Bold;
    font-size: 2.5vw;
    width: 120%;
}

.table {
    width: 100%;
}

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

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

@media screen and (max-width: 700px) {
    
    .pincipal-title {
        font-size: 5vw;
    }

    .table-body th img{
        width: 10px;
    }

    .table-body td{
        font-size: 3vw;
        text-align: left;
    }
}

/*=================================================================
	 Image Diagram
==================================================================*/
.Pico-gris img{
    display: block;
    width: 100%;
}

.flowchart {
    background-color: #E0E1E3;
}

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

.title-diagram {
    font-family: Circular_Std_Bold;
    font-size: 2vw;
    text-align: center;
    margin-top: -5%;
    margin-bottom: 7%;
    color: #2B2450;
}

.title-diagram .first-line {
    font-family: Circular_Std_Bold;
    font-size: 2vw;
    text-align: center;
    margin-top: -5%;
    color: #2B2450;
}

.title-diagram .proposal-summary {
    color: #2B2450;
    font-family: Baskerville_Rugular;
    font-size: 1.75vw;
    text-align: center;
}

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

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