@charset "UTF-8";
/*css file*/
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:700|Oswald');
body.orbe{
  background: url(../assets/imagenes/orbefondo.jpg) no-repeat !important;
}
.orbelogo{
  height: 585px;
  margin-top: 50px;
}
.img-orbe2{
  background: url(../assets/imagenes/orbe1.jpg) center no-repeat;
  background-size: cover;
  height: 600px;
  margin-bottom: 0px;
}
.img-orbe2 p{
  margin-top: 450px;
  font-size: 1.2em;
  font-family: 'Oswald', sans-serif !important;
}
.row.img-orbe3{
  background: url(../assets/imagenes/orbe2.jpg) right no-repeat;
  background-size: cover;
  height: 500px;
  margin-bottom: 0px;
}
.img-orbe3 ul{
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.2em;
  margin-top: 120px;
  margin-bottom: 10px;
  margin-left: 210px;
}
.img-orbe3 ul li{
  margin-bottom: 5px;
}
body.wawa{
  background: url(../assets/imagenes/wawa-xl.jpg) top no-repeat !important;
  background-size: cover;
}
.img-wawa2{
  background: url(../assets/imagenes/pcwawa.jpg) right no-repeat;
  background-size: cover;
  margin-bottom: 0px;
  height: 600px;
}
.img-wawa2 p{
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.2em;
  margin-top: 80%;
  padding-right: 21px;
}
.img-wawa3{
  background: url(../assets/imagenes/wawa3.jpg) center no-repeat;
  background-size: cover;
  height: 700px;
  margin-bottom: 0px;
  font-size: 1.5em;
}
.img-wawa3 p{
  margin-top: 100px;
  font-family: 'Oswald', sans-serif !important;
  font-size: 1em;
  line-height: normal;
}
.wawa_text{
  height: 585px;
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.2em;
}
.row.arrow_project{
  background-color: #069480;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 3px;
}

@media only screen and (max-width: 1280px){
  .img-orbe2 p{
    margin-top: 420px;
    width: 120%;
  }
  .img-orbe3 ul{
    margin-left: 80px;
    margin-top: 40px;
    padding: 5px;
  }
  .responsive-img{
    width: auto !important;
  }
  .img-wawa2 p{
    padding: 0px 0px;
  }
  .img-wawa2{
    background: url(../assets/imagenes/pcwawa-L.jpg) center no-repeat;
  }
}
@media only screen and (max-width: 992px){
  .img-orbe2 p{
    width: 110%;
  }
  .row.img-orbe3{
    background: url(../assets/imagenes/orbe22.jpg) center no-repeat;
    height: 800px;
  }
  body.orbe{
    background: url(../assets/imagenes/orbefondo_m.jpg) no-repeat !important;
  }
  body.wawa{
    background: url(../assets/imagenes/wawa-md.jpg) top no-repeat !important;
    background-size: cover;
  }
  .img-wawa2 p {
    padding-right: 25px;
  }
}
@media only screen and (max-width: 768px){
  .img-orbe2 p{
    margin-top: 395px;
    width: 110%;
  }
  .img-orbe3 ul{
    margin-left: 45px;
  }

}
@media only screen and (max-width: 600px){
  .img-orbe2 p{
    margin-top: 480px;
    width: 100%;
  }
  .row.img-orbe3{
    background: url(../assets/imagenes/orbeS.jpg) center no-repeat;
    height: 700px;
  }
  .img-orbe3 ul{
    margin-left: 30px;
  }
  body.orbe{
    background: url(../assets/imagenes/orbefondo_sm.jpg) no-repeat !important;
  }
  body.wawa{
    background: url(../assets/imagenes/wawa-sm.jpg) top no-repeat !important;
    background-size: cover;
  }
  .img-wawa3{
    background: url(../assets/imagenes/wawa3-sm.jpg) center no-repeat;
  }
  .img-wawa2{
    background: url(../assets/imagenes/pcwawa-s.jpg) center no-repeat;
  }
  .img-wawa2 p {
    padding-right: 0px;
    margin-top: 5%;
    text-align: center;
  }
}
@media only screen and (max-width: 480px){
  body.wawa{
    background: url(../assets/imagenes/wawa-xs.jpg) top no-repeat !important;
    background-size: cover;
  }
  .img-orbe2 p{
    margin-top: 450px;
  }
  .img-orbe3 ul{
    margin-left: 10px;
  }
  .img-wawa2{
    background: url(../assets/imagenes/pcwawa-xs.jpg) center no-repeat;
    height: 580px;
  }
}
@media only screen and (max-width: 414px){
  .orbelogo{
    height: 570px;
  }
  .responsive-img{
    width: 70% !important;
  }
  .img-orbe2 p{
    margin-top: 470px;
    margin-bottom: 0px;
    font-size: 1em;
  }
  .img-orbe3 ul{
    margin-top: 20px;
    margin-left: 10px;
    font-size: 0.9em;
  }
  .wawa_text {
    height: 620px;
  }
  .img-wawa3{
    height: 735px;
  }
}
@media only screen and (max-width: 320px){
  .orbelogo{
    height: 403px;
  }
  .img-orbe2{
    height: 568px;
  }
  .img-orbe2 p{
    margin-top: 450px;
  }
  .row.img-orbe3{
    height: 568px;
  }
  .wawa_text {
    height: 620px;
}
}
