/*=================================================================
	  Summary Us
==================================================================*/

.summary-fluid {
    background-color: rebeccapurple;
}

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

.first-paragraph {
    color: #2D294F;
    font-family: Circular_Std_Bold;
    font-size: 3vw;
    margin-bottom: 0;
}

.second-paragraph {
    color: #3A59A3;
    font-family: Circular_Std_Bold;
    font-size: 3vw;
}

.therd-paragraph {
    color: #3A59A3;
    font-family: Baskerville_Rugular;
    text-align: center;
    font-size: 2vw;
}

.second-text {
    display: inline-block;
    color: #2D294F;
    font-family: Baskerville_Rugular;
    font-size: 1.5vw;
    text-align: center;
    margin-top: -2%;
}

.therd-text {
    display: inline-block;
    color: #2D294F;
    font-family: Baskerville_Rugular;
    font-size: 1.5vw;
    text-align: center;
    margin-top: 2%;
    margin-bottom: 5%;
}

@media screen and (max-width: 700px) {
    .first-paragraph {
        font-size: 4.2vw;
    }
    .second-paragraph {
        font-size: 5.5vw;
    }
    .therd-paragraph {
        font-size: 4vw;
    }
    .second-text {
        font-size: 4vw;
    }
    .therd-text {
        font-size: 4vw;
        margin-bottom: 15%;
    }
}

/*=================================================================
	 Section for Mision
==================================================================*/

.mision {
    background: url(../img/Us/Patron_01.png) top right no-repeat;
    background-size: 5%;
}

.summary-mision {
    margin-top: 25%;
    font-size: 2vw;
}

.image-mision img {
    width: 100%;
}

.summary-mision h1 {
    color: #3A59A3;
    font-family: Circular_Std_Bold;
    font-size: 3vw;
    text-align: right;
}

.summary-mision p {
    font-family: Baskerville_Rugular;
    text-align: justify;
    font-size: 2vw;
}

@media screen and (max-width:700px) {
    .mision {
        background: none;
    }
    .image-mision {
        margin-left: 5%;
        width: 90%;
    }
    .summary-mision h1 {
        font-size: 7.5vw;
        margin-top: -20%;
        text-align: center;
    }
    .summary-mision p {
        font-size: 3.5vw;
    }
}

/*=================================================================
	 Section for Vision
==================================================================*/

.vision {
    background: url(../img/Us/Patron_02.png) bottom left no-repeat;
    background-size: 5%;
}

.image-vision img {
    width: 100%;
}

.summary-vision {
    margin-top: 40px;
    font-size: 2vw;
}

.summary-vision h1 {
    color: #3A59A3;
    font-family: Circular_Std_Bold;
    font-size: 3vw;
    text-align: left;
}

.summary-vision p {
    font-family: Baskerville_Rugular;
    text-align: justify;
    font-size: 2vw;
}

@media screen and (max-width:700px) {
    .vision {
        background: none;
    }
    .summary-vision h1 {
        font-size: 7.5vw;
        text-align: center;
    }
    .summary-vision p {
        font-size: 3.5vw;
    }
    .image-vision {
        margin-left: 5%;
        width: 90%;
    }
}

/*=================================================================
	 Section for QUALITY OBJECTIVES
==================================================================*/

.title-quality {
    color: #2B2352;
    font-family: Circular_Std_Bold;
    font-size: 60px;
    text-align: center;
    margin-bottom: 8%;
}

.quality {
    margin-bottom: 100px;
    text-align: center;
}

#qualityImg {
    width: 40vw;
}

#qualityImg img {
    width: 100%;
}

.table {
    width: 46%;
    margin-left: 1%;
    vertical-align: middle;
    display: inline-block;
}

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

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

@media screen and (max-width:700px) {
    .title-quality {
        font-size: 7vw;
        margin-top: 15%;
    }
    #qualityImg img {
        display: none;
    }
    .table {
        margin-top: -7%;
        width: 90%;
    }
    .table-body td {
        font-size: 4.5vw;
    }
}

@media screen and (max-width: 400px) {
    .table {
        margin-top: -7%;
    }
}

/*=================================================================
	 Policy  Quality Section
==================================================================*/

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

.quality-policy {
    background-color: #2D2950;
    padding-top: 50px;
    padding-bottom: 200px;
}

.quality-policy img {
    width: 100%;
}

.container-title-quality {
    background-color: #2D2950;
    margin: 80px 0;
}

.title-quality-policy {
    color: #ffffff;
    background-color: #2D2950;
    font-family: Circular_Std_Bold;
    font-size: 50px;
    text-align: center;
}

.container-text-quality {
    background-color: #2D2950;
    margin: -80px 0;
}

.quality-policy-text {
    background-color: #2D2950;
    color: #ffffff;
    font-family: Baskerville_Rugular;
    font-size: 2vw;
    text-align: center;
    margin-bottom: 15%;
}

.first-summary-quality p {
    color: #ffffff;
    font-size: 2vw;
    font-family: Baskerville_Rugular;
    text-align: center;
    margin: -85% 0;
}

.second-summary-quality p {
    color: #1A5EA7;
    font-size: 2vw;
    font-family: Baskerville_Rugular;
    text-align: center;
    margin: -85% 0;
}

.therd-summary-quality p {
    color: #ffffff;
    font-size: 2vw;
    font-family: Baskerville_Rugular;
    text-align: center;
    margin: -85% 0;
}

.fourth-summary-quality p {
    color: #1A5EA7;
    font-size: 2vw;
    font-family: Baskerville_Rugular;
    text-align: center;
    margin: -85% 0;
}

.fifth-summary-quality p {
    color: #ffffff;
    font-size: 2vw;
    font-family: Baskerville_Rugular;
    text-align: center;
    margin: -85% 0;
}

.sixth-summary-quality p {
    color: #1A5EA7;
    font-size: 2vw;
    font-family: Baskerville_Rugular;
    text-align: center;
    margin: -85% 0;
}

@media screen and (max-width: 700px){
    .container-title-quality {
        margin-top: -0.7%;
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .container-title-quality {
        width: 100%;
    }
    .title-quality-policy {
        font-size: 7.2vw;
    }
    .quality-policy-text {
        font-size: 4.5vw;
        text-align: center;
        margin-bottom: 25%;
    }
    .first-summary-quality p {
        font-size: 6.5vw;
        margin: -355% 0 1% 0;
    }
    .second-summary-quality p {
        font-size: 6.5vw;
        margin: -220% 0 1% 0;
    }
    .therd-summary-quality p {
        font-size: 6.5vw;
        margin: -80% 0 1% 0;
    }
    .fourth-summary-quality p {
        font-size: 6.5vw;
        margin: -355% 0 1% 0;
    }
    .fifth-summary-quality p {
        font-size: 6.5vw;
        margin: -220% 0 1% 0;
    }
    .sixth-summary-quality p {
        font-size: 6.5vw;
        margin: -80% 0 1% 0;
    }
}

/*=================================================================
	   Values Section 
==================================================================*/

.values {
    background: url(../img/Us/imagen_valores.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.title-values {
    text-align: center;
    margin: auto;
    padding: 100px 0px;
}

.title-values h1 {
    color: #ffffff;
    font-family: Circular_Std_Bold;
    font-size: 3vw;
}

.title-icons-values {
    font-family: Baskerville_Bold;
    font-size: 2vw;
    color: #ffffff;
    padding: 5% 0;
}

.icon-flexibility {
    margin-bottom: 5%;
}

@media only screen and (min-width: 1441px) {
    .values .container img {
        width: 7vw;
    }
    .title-icons-values {
        font-size: 1.5vw !important;
    }
}

@media screen 
    and (min-width: 580px) 
    and (max-width: 780px) {
    .values .container img {
        width: 10vw;
    }
}

@media screen 
    and (min-width: 250px) 
    and (max-width: 579px) {
    .title-values h1 {
        font-size: 8vw;
    }
    .title-icons-values {
        font-size: 4vw;
    }
    #div1 {
        display: inline-block;
        margin-left: 15%;
        padding: 10px;
        width: 33%;
    }
    #div1 img {
        width: 20vw;
        margin-bottom: 5%;
    }
    #div2 {
        float: left;
        padding: 10px;
        width: 33%;
    }
    #div2 img {
        width: 20vw;
    }
    #div3 {
        display: inline-block;
        padding: 10px;
        width: 33%;
    }
    #div3 img {
        width: 20vw;
    }
    #div4 {
        float: left;
        padding: 10px;
        width: 33%;
    }
    #div4 img {
        width: 20vw;
    }
    #div5 {
        float: left;
        padding: 10px;
        width: 33%;
    }
    #div5 img {
        width: 20vw;
    }
}