/*Main styles*/
  #angeles1 {
    background:url(../img/angeles/angeles1.jpg);
    background-size:cover;
  }

  #angeles2 {
    background:url(../img/angeles/angeles2.jpg);
    background-size:cover;
  }

  #angeles3 {
    background:url(../img/angeles/angeles3.jpg);
    background-size:cover;
  }

  #angeles4 {
    background:url(../img/angeles/angeles4.jpg);
    background-size:cover;
  }

  #angeles1-mobile {
    background:url(../img/angeles/angeles1.jpg);
    background-size:cover;
  }

  #angeles2-mobile {
    background:url(../img/angeles/angeles2.jpg);
    background-size:cover;
  }

  #angeles3-mobile {
    background:url(../img/angeles/angeles3.jpg);
    background-size:cover;
  }

  #angeles4-mobile {
    background:url(../img/angeles/angeles4.jpg);
    background-size:cover;
  }

  #angeles-page .cycle-pager {
    bottom:-55%;
    position:absolute;
  }

  #angeles3 .block50l, #angeles4 .block50l {
    padding-left:0;
    padding-right:1%;
  }

  #angeles3 .block50r, #angeles4 .block50r {
    padding-right:0;
    padding-left:1%;
  }

  .logo3 {
    width:40%;
    margin:-15% auto 0;
    display:block;
  }

  #rovimar-pic {
    background:url(../img/rovimar.jpg);
    background-size:100% 100%;
  }

  #rovimar-mobile{
    display: none;
    width:100%;
  }

  .mobile-bg {
    display: none;
  }

  #angeles5 h2, #angeles5 p {
    color: #fff;
  }

  #angeles5 p {
    font-size: 1.2em;
  }

  #angeles5 h2 {
    font-size: 1.8em;
  }

@media screen and (max-width: 991px) {
  .mobile-bg{
    display:block;
    width:100%;
    height:60vh;
  }

  .section:not(#angeles1){
    background:url(../img/bg.jpg) !important;
    background-size: cover;
    height:auto;
  }

  #angeles4-text .block100{
    width:100%;
    clear:both;
  }

  .block-black .button{
    margin-bottom: 20px;
  }

  #angeles5 .block60{
    overflow: auto;
    position: relative;
    width: 100%;
    clear: both;
    height: 50%;
  }

  #angeles5 .block40{
    width: 100%;
    clear: both;
    height: auto;
    position: relative;
  }
}

@media screen and (max-width: 991px) {
  #rovimar-mobile{
    display: block;
  }
  
  .mobile-bg{
    display:block;
    width:100%;
    height:50vw;
  }

  .section:not(#angeles1){
    background:url(../img/bg.jpg) !important;
    background-size: auto 100% !important;
    height:auto;
  }

  #angeles4-text .block100{
    width:100%;
    clear:both;
  }

  .block-black .button{
    margin-bottom: 20px;
  }

  #angeles5 .block60{
    overflow: auto;
    position: relative;
    width: 100%;
    clear: both;
    height: 50%;
    padding-top: 50px
  }

  #angeles5 .block40{
    width: 100%;
    clear: both;
    height: 50%;
  }

  #angeles3-text{
    margin-top: -5%;
  }

  #angeles3 .block50l{
    width:100%;
    text-align: center;
    margin-top: -13%
  }

  #angeles3 .block50l img{
    width:40%;
  }

  #angeles3 .block50r {
    width: 100%;
  }

  #angeles3 .block-black-c {
    margin-top: -27px;
  }

  .rovimar-mobile{
    display: block;
    width:100%;
  }

  #angeles5-mobile{
    display: none
  }
}

#subic-sm{
  display: block !important
}