/* =================================================
  					Extras
====================================================*/  
.fasocial{
	font-size:20px;
}

.banderas{
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 10px;
}

#about-us .h1inicio{
    color: black;
}
#about-us .pinicio{
    color: black;
}

/*=======================
  Header CSS
=========================*/ 
.logoblanco {
    width: 170px;
    height: 90px;
    background: url(../images/AboutNew.png) no-repeat top;
    background-size: 100% 100%;
    float: right;
    
}

#header .social{
	float:left;
}

#header .social a {
    width: 30px;
    height: 30px;
    background: #fff;
    line-height: 34px;
    display: block;
    text-align: center;
    font-size: 13px;
    color: #252525;
    border-radius: 100%;
}

/*=======================
  Section Img CSS
=========================*/ 

#testimonial{
	padding: 200px 0px;
	background: url(../images/quebebgrecluta.jpg)no-repeat;
	/* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
} 

/*=======================
  padingAbout CSS
=========================*/ 
.paddingabout{
	margin-bottom: 150px;

}

#about-us {
    background: linear-gradient(to right, #ffd700, #ffd700);
      padding: 100px 0 0;
    overflow-x: hidden;
}

/*=======================
  h1 Quebec CSS
=========================*/ 

.textQuebec{
    color:white;
    text-align: center;
    text-shadow: 5px 4px 2px black;
}

.h1reclutamiento {
    font-size:30px;
    text-transform:none;
}

.preclutamiento{
    font-size: 16px;
}
/*=======================
  Responssive
=========================*/ 


@media (min-width: 768px) and (max-width: 991px) {
        .logoblanco {
        width: 170px;
        height: 90px;
        background: url(../images/AboutNew.png) no-repeat top;
        background-size: 100% 100%;
        margin: auto;
        float: none;
    }

}


@media (max-width: 480px) {
        .logoblanco {
        width: 170px;
        height: 90px;
        background: url(../images/AboutNew.png) no-repeat top;
        background-size: 100% 100%;
        margin: auto;
        float: none;
    }
        .h1reclutamiento {
        font-size:20px;
        text-transform:none;
    }

    .preclutamiento{
        font-size: 14px;
    }

}



@media (max-width: 320px) {
        .logoblanco {
        width: 170px;
        height: 90px;
        background: url(../images/AboutNew.png) no-repeat top;
        background-size: 100% 100%;
        margin: auto;
        float: none;
    }
}