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

  .cycle-pager {
    bottom: -50%;
  }

  #mabuhay-page .wide-textbox {
    width:40%;
    left:30%;
  }

  #mabuhay-page .cycle-pager {
    bottom:-50%;
    position:absolute;
  }

  #mabuhay-page .pager-instruction {
    bottom:-25%;
    position:absolute;
  }

  #mabuhay-page .wide-textbox h1:before, #mabuhay-page .wide-textbox h1:after {
    background-color:transparent!important;
  }

  #mabuhay-mobile{
    display: none;
  }

  #mabuhay-2 img {
    height: 100%;
    width: auto;
  }

  #mabuhay-2 .subpage-block {
    width: 45%;
    right: 10%;
  }

@media screen and (max-width: 991px) {
  #mabuhay-mobile{
    display: block;
    width:100%;
  }

  .wide-textbox{
    width: 80% !important;
    left: 10% !important;
  }

  #mabuhay-2 .block100{
  	width: 100%;
    position: relative;
    height: auto;
  }

  #mabuhay-2{
  	height: auto;
  }

  #mabuhay-card{
  	height:65vh;
  }

  #mabuhay-2 .block60{
    padding-top: 50px
  }
  #mabuhay-2 img {
    height: auto;
    width: 100%;
}
}

@media screen and (min-width: 2400px) {
  #mabuhay-page{
    font-size: 1.5em;
  }

  .block60{
    font-size: 1.2em
  }
}

@media screen and (min-width:1000px) and (max-height: 600px){
  #mabuhay-2 .block60{
    padding: 20vh 8% 6% !important;
  }
}
