html, body{
  height: 100%;
  width: 100%;
  overflow-x: hidden;

}

body{
  background-image: url(../img/banner/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.logo{
  width: 250px;
}

.wrap{
  height: 50vh;
  height: 50vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}


.welberth{
  background-image: url(../img/persona/welberth-mobile.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 50vh;
  width: 100%;
}

.font-awesome{
  font-size: 1.3rem;
}

.font-awesome{
  color: #0048ae;
}
.font-awesome:hover{
  color: #35be00;
}

.redes{
  font-size: 20px;
  color: #0048ae;
  font-family: "Roboto", sans-serif;
}


@media(min-width: 768px){
  .logo{
    width: 450px;
  }
  .welberth{
    background-image: url(../img/persona/welberth-mobile.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 70vh;
    width: 100%;
  }
  
}

@media(min-width: 992px){

  .logo{
    width: 650px;
  }
  .welberth{
    background-image: url(../img/persona/welberth.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;
  }
}