/*.candidato h2, .empresa h2, .trabajador h2 {
  color:#ffffff;
  font-size: 2.5em;
  margin-top:40px;
}*/
.candidato h2, .empresa h2, .trabajador h2 {
  color:#ffffff;
  font-size: 3.5em;
  margin-top:40px;
}

.candidato {
  height: 100%;
  display: flex;
  justify-content: center;
  background: url(../images/postulante.png) no-repeat center;
  background-size: 65%;
  transition: all 0.3s ease, visibility 0s;
}
.candidato:hover {
  background: url(../images/postulante.png) no-repeat center, radial-gradient(circle, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
  border-radius: 2em;
  background-size: 74%;
}
.empresa {
  height: 100%;
  display: flex;
  justify-content: center;
  background: url(../images/profesional.png) no-repeat center;
  /*background: url(../images/elgabi.png) no-repeat center;*/
  background-size: 66%;
  transition: all 0.3s ease, visibility 0s;
}
.empresa:hover {
  background: url(../images/profesional.png) no-repeat center, radial-gradient(circle, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));   
  background-size: 74%;
  border-radius: 2em;
}
.trabajador {
  height: 100%;
  display: flex;
  justify-content: center;
  background: url(../images/empresa.png) no-repeat center;
  background-size: 66%;
  transition: all 0.3s ease, visibility 0s;
  padding-top: 10%;
}
.trabajador:hover {
  background: url(../images/empresa.png) no-repeat center, radial-gradient(circle, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
  border-radius: 2em;
  background-size: 74%;
}



.candidato .texto, .empresa .texto, .trabajador .texto {
  align-self: flex-end;
  text-align: center;
  padding-bottom: 20%;
}

.outline-btn, .outline-btn:visited, .outline-btn:link {
  border: 3px solid #ffffff;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 25px;
  border-radius: 5px;
  font-weight: 500;
  margin: 10px 0 0;
  display: inline-block;
  justify-content: center;
}
.outline-btn:hover, .outline-btn:active {
  border: 3px solid #ffffff;
  color: #1c8bdc;
  background:#ffffff;
}

.banner-ofertas {
  height: 45em;
  padding: 0px 2em;
}

.texto h2{
  text-shadow: 2px 0 5px black, -2px 0 5px black, 0 2px 5px black, 0 -2px 5px black;
}

@media only screen and (max-width: 1400px) {
  .banner-ofertas {
    height: 40em;
  }
  .candidato {
    height: 100%;
    display: flex;
    justify-content: center;
    background: url(../images/postulante.png) no-repeat center;
    background-size: 85%;
    transition: all 0.3s ease, visibility 0s;
  }
  .candidato:hover {
    background: url(../images/postulante.png) no-repeat center, radial-gradient(circle, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
    background-size: 95%;
  }
  .empresa {
    height: 100%;
    display: flex;
    justify-content: center;
    background: url(../images/profesional.png) no-repeat center;
    background-size: 85%;
    /*background: url(../images/elgabi.png) no-repeat center;*/
    transition: all 0.3s ease, visibility 0s;
  }
  .empresa:hover {
    background: url(../images/profesional.png) no-repeat center, radial-gradient(circle, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
    background-size: 95%;
  }
  .trabajador {
    height: 100%;
    display: flex;
    justify-content: center;
    background: url(../images/empresa.png) no-repeat center;
    background-size: 85%;
    transition: all 0.3s ease, visibility 0s;
  }
  .trabajador:hover {
    background: url(../images/empresa.png) no-repeat center, radial-gradient(circle, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
    background-size: 95%;
  }
}

@media screen and (max-width:900px){
  .banner-ofertas {
    height: 53em;
  }
  .candidato {
    height: 38%;
    background-size: 60%;
  }
  .candidato:hover {
    background-size: 70%;
  }
  .empresa {
    height: 38%;
    background-size: 60%;
  }
  .empresa:hover {
    background-size: 70%;
  }
  .trabajador {
    height: 38%;
    background-size: 60%;
  }
  .trabajador:hover {
    background-size: 70%;
  }

  .candidato h2, .empresa h2, .trabajador h2 {
    font-size: 2em;
   }

  #nosotros h2 {
    font-size: 3em;
    line-height: 50px;
    margin-bottom: 10px;
  }

  #nosotros p {
    font-size: 1.5em;    
  }
}