:root{
    --blueGreen:#0097b2;
    --darkRed:#b21a00;
    --ligthpurple:rgba(0,151,178,.55);
    --verdeLetras:#1a4149;
    --grayLetras:#737777;
    --white:#ffffff;
    --darkGrey:#555;
    --whiteSmoke:#f5f5f5;
    --black:#000;
    --lightYellow:#ffde59;	
    --veryLightYellow:#fff9c0;
    --new: rgb(245, 255, 52);
}

.title{
    font-size: 2.2rem;
    display: inline;
    margin: 40px auto 10px auto;
    padding: 30px ;
    color: var(--verdeLetras);
    
}

.text-container p{
    font-size: 1rem;
    color: var(--grayLetras);
    margin: 0px 10%;
}

.text-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;


}

.contact-container{
    display: flex;
    margin: 30px;

    
}

.text-contact-container h5{
    font-size: 18px;
   margin-left:20px ;

}
.text-contact-container span{
    margin-left: 20px;
 
}
.text-contact-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    align-items: start;
    min-width: 200px;
}

.contact-img-container img{
    width: 80px;
    height: 80px;
}




.fondo-img{
    width: 80%;
    margin-left:18%;
    
    
    
   
}

.q-answer{
    font-size: 18px;
}

.contact-second-text-container{
    width: 100%;
    margin: 50px auto;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content:left ;
   
   }


   .contact-main-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 90%;
    margin: 0px auto;
    
    align-content: center;
   }

   .contact-second-div{
    max-width: 450px;
   }
.contact-first-div{
    max-width: 450px;
    
}









/*Escritorio*/
@media (min-width: 1199.98px)  {
    
    .contact-main-container{
        width: 80%;
        margin: 50px auto;
        display: flex;
        flex-direction: row;
        align-items: start;
        justify-content:space-between ;
       }
    .contact-first-div{
        margin-top: 80px;

    }   
}
/*Fin Escritorio*/

/*Tablet*/
/*Portrait*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation:portrait) {
    .contact-main-container{
        width: 70%;
        margin: 50px auto;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content:left ;
       }
}

/*landscape*/
@media (min-width: 991.98px) and (max-width: 1199.98px)and (orientation:landscape) {
    .contact-main-container{
        width: 60%;
        margin: 50px auto;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content:left ;
       
       }
}
/*fin tablet*/

/*movil*/
/*Portrait*/
/*Default*/

/*landscape*/
@media (min-width: 576px) and (max-width: 991.98px) and (orientation:landscape) {
    .contact-main-container{
        width: 70%;
        margin: 50px auto;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content:left ;
       }
}
/*fin movil*/