body {
    background-size: cover;
    background: url("Fondos/AboutUs.jpeg");
    background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
    
}

*{
  opacity:1;
}

body {
  margin: 0;
  font-family: "Lato", sans-serif;
}

.imagen{
  /*display:none;*/
  -webkit-box-shadow: 7px 18px 29px 8px rgba(0,0,0,0.75);
  -moz-box-shadow: 7px 18px 29px 8px rgba(0,0,0,0.75);
  box-shadow: 7px 18px 29px 8px rgba(0,0,0,0.75);
  border-radius:10px;

}

.linkedin{
  width:25px;
}

#div-workers{
  margin: auto;
  width:600px;
  max-width:100%;
  padding: 10px;
}

.foto-trabajador{
  width:150px;
  margin-bottom:5%;
}

#header {
  position: relative;
  min-height: 150px;
}

#header-content {
  position: absolute;
  bottom: 0;
  left:50;
}
p{
  color:  black;
  opacity: 1;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size:1.1em;
}
#logo{
  margin-top:1%;
  width:250px;
  max-width:45%;
  float:right;
  margin-right: 5%;
}

#cabecera{
  margin-top:20px;
  height: 50%;
  overflow:auto;
}

.sin-seleccionar{
  background-color:white;
  border-radius:4px;
}

.sin-seleccionar a{
  border-radius:4px;
}


.cont a, .cont p, .cont li{
  color:  black;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

#reputation-text{
  float:right;
  max-width:500px;
  text-align:right;
  margin-right:5%;
}

#hanway-text{
  float:left;
  max-width:400px;
  text-align:left;
  margin-left:3%;
  color: white;
  bottom: 0;
  margin-bottom:5%;
  display: inline-block; vertical-align: bottom;
}

.flex-container {
  display: flex;
  flex-direction: column;
  height: 90vh;
}

.flex-container > div {
  margin: 10px;
  height: 33%;
}

#barra-abajo{
  margin:0;
  background-color:rgb(25,44,79);
  padding:10px;
  border-top:1px solid white;
}

#paraguas{
  height:80px;
}

#div-par{
  margin:auto;
  margin-bottom:2%;
  margin-top:1%;
}

#div-p-par{
  min-width:300px;
  width:30%;
  margin:auto;
  margin-top:1%;
}

#div-cop{
  min-width:300px;
  width:30%;
  margin:auto;
}

#div-cop > p{
  color:white;
}

#hanway-paraguas{
  font-size:14px;
  color:rgb(25,44,79);
  color:white;
  text-align:left;
  max-width:300px;
  margin:auto;
}

.flex-container2 {
  display: flex;
  flex-wrap: wrap;
  background-color: DodgerBlue;
}

.flex-container2 > div {
  text-align: center;
}

h4{
  
  margin-left:4%;
  font-size:2em;
}

.navbar-nav.mr-auto li{
  margin-right:10px;
  margin-left:10px;
}

#legal{
    color:white!important;
}

#div-cop{
    text-align:left;
}

@media screen and (min-width: 501px) {
  p{
    font-size: 1.2em;
  }

  p, #albertomarcet, #ignaciocorbat{
    font-size: 1.2em;
  }

  #copy, #hanway-paraguas, #legal{
    font-size: 1em;
  }

  #ad-team{
    font-size:2em;
  }

  #imagen3, #imagen4{
    display:none!important;
  }

  .imagen{
    width:100%;
    margin-top:5%;
  }

}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 500px) {
  p, #albertomarcet, #ignaciocorbat{
    font-size: 0.9em;
  }

  #copy, #hanway-paraguas, #legal{
    font-size: 0.7em;
  }

  #paraguas{
    height:50px;
  }

  #ad-team{
    margin-top:10%;
    margin-bottom:5%;
    font-size:1.4em;
  }
  #imagen1, #imagen2{
    display:none!important;
  }

  .imagen{
    width:90%;
    margin-left:15px!important;
    margin-bottom:5%;
  }
}