/*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: #222;}
  #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;}
 /* #angeles1 {background:url(../img/angeles/angeles1-991.jpg); background-size:cover;*/
    .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
    }

    .just{
      text-align: justify !important;
    }
}

#subic-sm{
  display: block !important
}


@media screen and (max-width: 1024px) and (max-height:768px){
.wide-textbox {
    position: absolute;
    width: 55%;
    left: 23%;
}
#angeles2-text{
	width:48%;
}

}



 @media screen and  (max-width: 991px){
.wide-textbox {
    position: absolute;
    width: 93%;
    left: 4%;
    font-size: 0.8em;
}
#angeles2-text {
    width: 84% !important;
    margin-left: 8% !important;
}

#angeles2-text h2{
      font-size: 1.1em !important;
}
}

 @media screen and  (min-width: 1280px){
.block-black{
  width:47%;
  }}


 @media screen and  (max-width: 320px){

/*#angeles2-text h2 ,#angeles3-text h2,#angeles4-text h2 {
    font-size: 0.9em !important;
}*/

#angeles3-text h2, #angeles4-text h2{
  font-size: 1.2em;
}
}