@media screen and (max-width: 445px) and (orientation: portrait){
.column-left{ float: left; width: 45%; margin-left: 5px; height: 280px;}
.column-right{ float: right; width: 45%; margin-right: 5px; height: 280px;}
.containerclasses{margin-top: 70px !important;}
.containerclasses2{margin-top: 180px !important;}
.container-contact100-form-btn{padding-top: 0px;}
.ug-gallery-wrapper {height: 500px !important;}


.izquierda-reservas{ float: left; width: 95%; margin-left: 10px; height: 350px;  margin-top: 55px;}
.derecha-reservas{ float: right; width: 95%; margin-right: 10px; height: 350px; 
  margin-top: -35px;}

div.dotpoimobile{display: none}
div.dotstaffmobile{display: none}

/*clases*/
.column-left{ float: left; width: 45%; margin-left: 10px; height: 280px;}
.column-right{ float: right; width: 45%; margin-right: 10px; height: 280px;}
.containerclasses{margin-top: 0px !important;}
.containerclasses2{margin-top: 170px !important;}
 h2.clases{font-size: 22px;} 
br.supressformob{display: none;}

}

  


     @media only screen and (max-device-width: 736px) and (orientation: landscape){

    div.shows{
  visibility: hidden;
 }

div.showsmobile{
   visibility: visible;
}

div.promodesktop{
   display:none;
}

div.promomobile{
   visibility: visible;
}

.promomobile {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
}

.promomobile iframe, .promomobile object, .promomobile embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

div.promomobileindex{
   visibility: visible;
}


.promomobileindex {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
  margin-top:  20px;  
}

.promomobileindex iframe, .promomobileindex object, .promomobileindex embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


}



/*IPAD portrait*/
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

div.dotpoimobile{margin-top: 10px;}
div.dotstaffmobile{margin-top: 10px;}


.izquierda-reservas{ float: left; width: 90%; margin-left: 40px; height: 350px;  
  margin-top: 60px;}
.derecha-reservas{ float: right; width: 90%; margin-right: 40px; height: 350px; 
  margin-top: -70px;}

.column-left{ float: left; width: 45%; margin-left: 30px; height: 260px;}
.column-right{ float: right; width: 45%; margin-right: 30px; height: 260px;}
.containerclasses{margin-top: 70px !important;}
.containerclasses2{margin-top: 180px !important;}
.container-contact100-form-btn{padding-top: 0px;}

.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgstaff{background-attachment: scroll !important;}
.bgquinta{margin-top: 60px;
background-attachment: scroll !important;
background-image: url("../Images/quintaraza/quintamob.jpg") !important;}

/*qintaraza div styling*/
h2.c{padding-top: 55px;}
h4.quintatext{font-size: 40px !important;}
p.quintap{font-size: 15px !important;padding-left: 35px;padding-right: 35px;}
.quintaclass{padding-top: 50px;}
.quintatext{margin-top: 50px !important;}
.containerquinta{margin-top: 110px !important;
padding-top: 60px;}
.bluemask{margin-bottom: 60px;}

.shows{background-attachment: scroll !important;}

/*div.showsmobile{
   visibility: visible;
}*/

div.promodesktop{
   display:none;
}

div.promomobile{
   visibility: visible;
}

.promomobile {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-top: 70px;
}

.promomobile iframe, .promomobile object, .promomobile embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


div.promomobileindex{
   visibility: visible;
}

.promomobileindex {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-top: 70px;
}

.promomobileindex iframe, .promomobileindex object, .promomobileindex embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


/*this is the container of theabout paragraph*/

  div.a {
    font-size: 15px;
    width: 620px;
  margin: 10px; padding: 0px; 
  margin-left: -50px;
  text-align: center; 
  vertical-align: middle;
 }

/*this is the container of rigging point paragraph*/

  div.b {
    font-size: 15px;
    width: 620px;
  margin: 10px; padding: 0px; 
  margin-left: 20px;
  text-align: center; 
  vertical-align: middle;
 }

 div.mobile{
  margin: auto;
 }

 div.titleaerial{
   margin: auto;
 }



  div.avatar{width:250px;
  height:250px;}

  h2.a{
    font-size: 45px;
  }

h4{
  font-size: 20px !important;
}

.videopromo{
  margin: 30px; padding: 0px; 
}

h2{text-align: center;}


 .navbar a {
    float: none;
    display: block;
    padding: 6px 1px !important; 
    width: 100%;
    text-align: left; /* If you want the text to be left-aligned on small screens */
  }
    }


/*IPAD PRO portrait------------------------------------------------------------*/
  @media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {

div.dotpoimobile{margin-top: 15px;}
div.dotstaffmobile{margin-top: 15px;}

.flex-calendar {min-height: 50px !important; height: 600px; }
.flex-calendar .month .label{height: 80px; line-height: 80px;}
.flex-calendar .days .day{min-height: 80px;}
.flex-calendar .week {height: 75px; line-height: 75px;}


.izquierda-reservas{ float: left; width: 90%; margin-left: 50px; height: 520px;  
  margin-top: 87px;}
.derecha-reservas{ float: right; width: 90%; margin-right: 50px; height: 500px; 
  margin-top: -80px;}


.column-left{ float: left; width: 45%; margin-left: 30px; height: 260px;}
.column-right{ float: right; width: 45%; margin-right: 30px; height: 260px;}
.containerclasses{margin-top: 70px !important;}
.containerclasses2{margin-top: 180px !important;}
.container-contact100-form-btn{padding-top: 0px;}


.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgstaff{background-attachment: scroll !important;}
.bgquinta{margin-top: 60px;
background-attachment: scroll !important; height: 70% !important;
background-image: url("../Images/quintaraza/quintamob.jpg") !important;}

/*qintaraza div styling*/
h2.c{padding-top: 55px;}
h4.quintatext{font-size: 40px !important;}
p.quintap{font-size: 15px !important;padding-left: 35px;padding-right: 35px;}
.quintaclass{padding-top: 50px;}
.quintatext{margin-top: 50px !important;}
.containerquinta{margin-top: 110px !important;
padding-top: 60px;}
.bluemask{margin-bottom: 60px;}



.shows{background-attachment: scroll !important;}


div.promodesktop{
   display:none;
}

div.promomobile{
   visibility: visible;
}

.promomobile {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-top: 70px;
}

.promomobile iframe, .promomobile object, .promomobile embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


div.promomobileindex{
   visibility: visible;
}

.promomobileindex {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-top: 70px;
}

.promomobileindex iframe, .promomobileindex object, .promomobileindex embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


/*this is the container of theabout paragraph*/

  div.a {
    font-size: 15px;
    width: 620px;
  margin: 10px; padding: 0px; 
  margin-left: -50px;
  text-align: center; 
  vertical-align: middle;
 }

/*this is the container of rigging point paragraph*/

  div.b {
    font-size: 15px;
    width: 620px;
  margin: 10px; padding: 0px; 
  margin-left: 20px;
  text-align: center; 
  vertical-align: middle;
 }

 div.mobile{
  margin: auto;
 }

 div.titleaerial{
   margin: auto;
 }



  div.avatar{width:250px;
  height:250px;}

  h2.a{
    font-size: 45px;
  }

h4{
  font-size: 20px !important;
}

.videopromo{
  margin: 30px; padding: 0px; 
}

h2{text-align: center;}


 .navbar a {
    float: none;
    display: block;
    padding: 6px 1px !important; 
    width: 100%;
    text-align: left; /* If you want the text to be left-aligned on small screens */
    padding-left: -10px !important;
  }

.myunite{
margin-top: 45px !important;
}

}




/*IPAD landscape ------------------------------------------------------------------------------*/



  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {


.bgaerial{background-attachment: scroll !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgstaff{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important;}
.bgquinta{background-attachment: scroll !important; margin-top: 60px;}
.bgcyr{background-attachment: scroll !important;}
.bg {background-attachment: scroll !important;}
.bgquinta{background-attachment: scroll !important; margin-top: 60px;}
.shows{background-attachment: scroll !important;}

  .bgstaffmobil{
visibility: visible;
background-image: url("../Images/staff.jpg"); 
background-attachment: scroll;
}

div.promodesktop{
   display:none;
}

div.promomobile{
   visibility: visible;
}

.promomobile {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-top: 70px;
}

.promomobile iframe, .promomobile object, .promomobile embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


div.promomobileindex{
   visibility: visible;
}

.promomobileindex {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-top: 70px;
}

.promomobileindex iframe, .promomobileindex object, .promomobileindex embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


/*this is the container of theabout paragraph*/
/*this is the container of theabout paragraph*/

  div.a {width: 820px !important;}

/*this is the container of rigging point paragraph*/

  div.b {
    font-size: 15px;
    width: 620px;
  margin: 10px; padding: 0px; 
  margin-left: 20px;
  text-align: center; 
  vertical-align: middle;
 }

 div.mobile{
  margin: auto;
 }

 div.titleaerial{
   margin: auto;
 }



  div.avatar{width:250px;
  height:250px;}

  h2.a{
    font-size: 45px;
  }

h4{
  font-size: 20px !important;
}

.videopromo{
  margin: 30px; padding: 0px; 
}

h2{text-align: center;}


/*.navbar{margin-left: -0px !important;}*/

.navbar{padding:.5rem 1rem !important; margin-left: 5px !important;}

 .navbar a {
  padding: 3px 2px !important; 
  text-align: left !important;    
   margin-right: 1px !important;
   /*padding-left: 30px !important;*/
  }

.fa {margin-left: 10px !important; margin-right: 5px !important;} 
/*.ml-auto{margin-left: 10px !important; 
  margin-right: 3px !important;}*/

.nav-item{margin-left: 20px !important; margin-right: 20px !important;}

.ml-auto{margin-left: 0px !important; /*padding: -3px -2px !important; */
  margin-right: 2px !important;}
.container2 {max-width: 1200px !important;}


    }


/*IPAD PRO landscape------------------------------------------------------------*/
   
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

.bgaerial{background-attachment: scroll !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgstaff{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgquinta{background-attachment: scroll !important; margin-top: 60px;}

div.dotpoimobile{margin-top: 15px;}
div.dotstaffmobile{margin-top: 15px;}


.izquierda-reservas{ float: left; width: 45%; margin-left: 35px; height: 450px;  
  margin-top: -70px;}
.derecha-reservas{ float: right; width: 45%; margin-right: 35px; height: 450px; 
  margin-top: -70px;}


.column-left{ float: left; width: 45%; margin-left: 30px; height: 260px;}
.column-right{ float: right; width: 45%; margin-right: 30px; height: 260px;}
.containerclasses{margin-top: 58px !important;}
.containerclasses2{margin-top: 180px !important;}
.container-contact100-form-btn{padding-top: 0px;}



.bg {background-attachment: scroll !important;}

.bgaerial{display: none;}


.bgaerialmobil{
visibility: visible;
background-image: url("../Images/kneehang.jpg"); 
height: 100%; 
width: 100%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

/*  background-attachment: fixed;*/
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }


.fireshow{display: none;}

  .bgfiremobil{
visibility: visible;
background-image: url("../Images/fire_background.JPG"); 
height: 100%; 
width: 100%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

/*  background-attachment: fixed;*/
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }


.bgcyr{background-attachment: scroll !important;}



  .bgstaffmobil{
visibility: visible;
background-image: url("../Images/staff.jpg"); 
height: 100%; 
width: 100%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

/*  background-attachment: fixed;*/
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }

div.bgstaffmobil{
  visibility: visible;
}

.shows{background-attachment: scroll !important;}

/*div.showsmobile{
   visibility: visible;
}*/

div.promodesktop{
   display:none;
}

div.promomobile{
   visibility: visible;
}

.promomobile {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-top: 70px;
}

.promomobile iframe, .promomobile object, .promomobile embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


div.promomobileindex{
   visibility: visible;
}

.promomobileindex {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  overflow:hidden;
  margin-top: 70px;
}

.promomobileindex iframe, .promomobileindex object, .promomobileindex embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


/*this is the container of theabout paragraph*/

  div.a {width: 820px !important;}

/*this is the container of rigging point paragraph*/

  div.b {
    font-size: 15px;
    width: 620px;
  margin: 10px; padding: 0px; 
  margin-left: 20px;
  text-align: center; 
  vertical-align: middle;
 }

 div.mobile{
  margin: auto;
 }

 div.titleaerial{
   margin: auto;
 }



  div.avatar{width:250px;
  height:250px;}

  h2.a{
    font-size: 45px;
  }

h4{
  font-size: 20px !important;
}

.videopromo{
  margin: 30px; padding: 0px; 
}

h2{text-align: center;}




.navbar{margin-left: -80px !important;}

 .navbar a {
  padding: 3px 2px !important; 
  text-align: left !important;    
   margin-right: 1px !important;
   padding-left: -50px !important;
  }

.fa {margin-left: 10px !important; margin-right: 5px !important;} 
.ml-auto{margin-left: 10px !important; /*padding: 3px 2px !important; */
  margin-right: 3px !important;}

.nav-item{margin-left: 20px !important; margin-right: 20px !important;}



    }



/*For iphone 5 portrait--------------------------------------------------------*/
     @media all and (device-width: 320px) and (device-height: 568px) and (orientation:portrait) {
  
.ug-gallery-wrapper {height: 400px !important;}

i.fa-facebook{display: none;}
i.fa-instagram{display: none;}
i.fa-youtube{display: none;}

.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important; height: 175% !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgstaff{background-attachment: scroll !important;}
.bgclases{background-attachment: scroll !important;}
.bgquinta{margin-top: 60px;
background-attachment: scroll !important;
background-image: url("../Images/quintaraza/quintamob.jpg") !important;}
.showsmobile{background-attachment: scroll !important;}

.covid{
  display: none;
}

 h2.clases{
  font-size: 1rem !important;
  font-family: 'AvenirLTW01-35Light';
  text-align: center;
  font-weight: bold;
} 

/*h2.c{font-size: 40px;}*/

/*qintaraza div styling*/
.containerquinta{margin-top: -15px;}
/*h2.a{font-size: 45px;}*/
h2.c{font-size: 25px;}
h3.a{font-size: 15px; margin-top: -25px;}
/*h4.quintatext{font-size: 20px;}*/
p.quintap{font-size: 15px;}
h2.quintaclass{font-family: 'AvenirLTW01-35Light';font-size: 10px;}
.greenmask{height: 33px;width: 19px;margin-bottom: 25px;}
.bluemask{height: 60px;width: 60px;}


p.clasesp{font-size: 0.9rem !important;}
.column-left{ float: left; width: 45%; margin-left: 10px; height: 230px;}
.column-right{ float: right; width: 45%; margin-right: 10px; height: 230px;}
.containerclasses{transform: scale(0.93); margin-top: 20px !important;}
.containerclasses2{transform: scale(0.93);margin-top: 90px !important;}



.izquierda-reservas{ float: left; width: 90%; margin-left: 15px; height: 370px;  margin-top: 25px;}
.derecha-reservas{ float: right; width: 90%; margin-right: 15px; height: 350px; 
  margin-top: -50px !important;}

.flex-calendar {height: 100px !important;}

div.dotpoimobile{display: none}
div.dotstaffmobile{display: none}

button.single_add_to_cart_button{
    min-width: 100px !important;
    height: 25px !important;
}



.footer {
  /*position: fixed;*/
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #efece2;
  color: black;
  text-align: center;
  font-size: 17px ;
  font-family: 'AvenirLTW01-35Light';
 /* margin: -10px; padding: 0px; */
 margin-top:  50px !important;  
  flex-shrink: 0;
  clear: both;
  position: relative;
  height: 140px;
 /* margin-top: 100px;*/
/* padding-top: 50px;*/

}


.videopromo{
/*margin: 100px; */
padding: 20px; 
margin-top:  520px;  
}

    div.shows{
  visibility: hidden;
 }

div.showsmobile{
   visibility: visible;
}

div.promodesktop{
   display:none;
}

div.promomobileindex{
   visibility: visible;
}


.promomobileindex {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
  margin-top:  10px;  
}

.promomobileindex iframe, .promomobileindex object, .promomobileindex embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.promomobile {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
}

.promomobile iframe, .promomobile object, .promomobile embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

div.a {width: 250px;}

/*contact form*/
.wrap-contact100{margin-top: -20px;}
.container-contact100-form-btn{margin-top: -18px; }
button.contact100-form-btn{height:30px; }


}

/*For iphone 6/7/8 portrait--------------------------------------------------------*/
     @media all and (device-width: 375px) and (device-height: 667px) and (orientation:portrait) {

.ug-gallery-wrapper {height: 480px !important;}
   
.fa {padding: 5px !important;}

.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important; height: 110% !important;}
.bgstaff{background-attachment: scroll !important;}
.bgquinta{margin-top: 60px;
background-attachment: scroll !important;
background-image: url("../Images/quintaraza/quintamob.jpg") !important;}
.showsmobile{background-attachment: scroll !important;}

/*qintaraza div styling*/
.containerquinta{margin-top: 25px;}
h2.c{font-size: 25px;}
h3.a{font-size: 15px; margin-top: 5px;}
/*h4.quintatext{font-size: 20px;}*/
p.quintap{font-size: 15px;}
h2.quintaclass{font-family: 'AvenirLTW01-35Light';font-size: 10px;}
/*.greenmask{height: 40px;width: 19px;margin-bottom: 25px;}*/
.bluemask{height: 60px;width: 60px;}


/*reservas*/
div.dotpoimobile{display: none}
div.dotstaffmobile{display: none}
.izquierda-reservas{/*transform: scale(0.93); */float: left; width: 90%; margin-left: 15px; height: 350px;  margin-top: -15px;}
.derecha-reservas{ /*transform: scale(0.85); *//*transform: scale(1,0.8);*/ float: right; width: 90%; margin-right: 15px; height: 350px; 
  margin-top: -55px;}

 /*.flex-calendar {height: 60px !important; width: 100% !important;}*/

div.dotpoi{display: none}
div.dotstaff{display: none}

/*clases*/
.column-left{ float: left; width: 45%; margin-left: 10px; height: 245px;}
.column-right{ float: right; width: 45%; margin-right: 10px; height: 245px;}
.containerclasses{margin-top: -5px !important;}
.containerclasses2{margin-top: 150px !important;}
h2.clases{font-size: 20px !important;} 
br.supressformob{display: none;}


.footer {
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #efece2;
  color: black;
  text-align: center;
  font-size: 17px ;
  font-family: 'AvenirLTW01-35Light';
 margin-top:  50px !important;  
  flex-shrink: 0;
  clear: both;
  position: relative;
  height: 140px;
}


.videopromo{
/*margin: 100px; */
padding: 20px; 
margin-top:  520px;  
}

    div.shows{
  visibility: hidden;
 }

div.showsmobile{
   visibility: visible;
}

div.promodesktop{
   display:none;
}

div.promomobileindex{
   visibility: visible;
}


.promomobileindex {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
  margin-top:  10px;  
}

.promomobileindex iframe, .promomobileindex object, .promomobileindex embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.promomobile {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
}

.promomobile iframe, .promomobile object, .promomobile embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

button.single_add_to_cart_button{
    min-width: 100px !important;
    height: 25px !important;
  }




}



/*For iphone 6/7/8 Plus portrait-----------------------------------------------------------*/
     @media all and (device-width: 414px) and (device-height: 736px) and (orientation:portrait) {

.ug-gallery-wrapper {height: 520px !important;}

.fa {padding: 5px !important;}
 
.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important;}
.bgstaff{background-attachment: scroll !important;}
.bgquinta{margin-top: 60px;
background-attachment: scroll !important;
background-image: url("../Images/quintaraza/quintamob.jpg") !important;}
.showsmobile{background-attachment: scroll !important;}

div.dotpoimobile{display: none}
div.dotstaffmobile{display: none}

.izquierda-reservas{ float: left; width: 95%; margin-left: 10px; height: 350px;  margin-top: 15px;}
.derecha-reservas{ float: right; width: 95%; margin-right: 10px; height: 350px; 
  margin-top: -35px;}

/*.izquierda-reservas{transform: scale(0.85); float: left; width: 90%; margin-left: 15px; height: 350px;  margin-top: -12px;}
.derecha-reservas{ transform: scale(0.85); float: right; width: 90%; margin-right: 15px; height: 350px; 
  margin-top: -39px;}  */

 .flex-calendar {height: 100px !important;}

div.dotpoi{display: none}
div.dotstaff{display: none}


 h2.clases{
  font-size: 2rem !important;
  font-family: 'AvenirLTW01-35Light';
  text-align: center;
  font-weight: bold;
}  
h2.c{font-size: 40px;}

.column-left{ float: left; width: 45%; margin-left: 10px; height: 260px;}
.column-right{ float: right; width: 45%; margin-right: 10px; height: 260px;}
.containerclasses2{margin-top: 150px !important;}


.footer {
  /*position: fixed;*/
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #efece2;
  color: black;
  text-align: center;
  font-size: 17px ;
  font-family: 'AvenirLTW01-35Light';
 /* margin: -10px; padding: 0px; */
 margin-top:  50px !important;  
  flex-shrink: 0;
  clear: both;
  position: relative;
  height: 140px;
 /* margin-top: 100px;*/
/* padding-top: 50px;*/

}

.videopromo{
/*margin: 100px; */
padding: 20px; 
margin-top:  520px;  
}

    div.shows{
  visibility: visible;
 }

div.showsmobile{
   visibility: hidden;
}

div.promodesktop{
   display:none;
}

div.promomobileindex{
   visibility: visible;
}


.promomobileindex {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
  margin-top:  20px;  
}

.promomobileindex iframe, .promomobileindex object, .promomobileindex embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.promomobile {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
}

.promomobile iframe, .promomobile object, .promomobile embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


h2.clases{
  font-size: 1rem !important;
  font-family: 'AvenirLTW01-35Light';
  text-align: center;
}

}




/*For iphone x portrait*/
     @media all and (device-width: 375px) and (device-height: 812px) and (orientation:portrait) {
 
 .ug-gallery-wrapper {height: 570px !important;} 

.fa {padding: 5px !important;}

.showsmobile{background-attachment: scroll !important;}
.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important; height: 110% !important;}
.bgstaff{background-attachment: scroll !important;}
.bgquinta{margin-top: 60px;
background-attachment: scroll !important;
background-image: url("../Images/quintaraza/quintamob.jpg") !important;}

div.dotpoimobile{display: none}
div.dotstaffmobile{display: none}

.izquierda-reservas{ float: left; width: 95%; margin-left: 10px; height: 350px;  margin-top: 15px;}
.derecha-reservas{ float: right; width: 95%; margin-right: 10px; height: 350px; 
  margin-top: -35px;}

 .flex-calendar {height: 100px !important;}

div.dotpoi{display: none}
div.dotstaff{display: none}

 h2.clases{
  font-size: 1.5rem !important;
  font-family: 'AvenirLTW01-35Light';
  text-align: center;
} 

h2.c{font-size: 40px;}

.column-left{ float: left; width: 45%; margin-left: 10px; height: 260px;}
.column-right{ float: right; width: 45%; margin-right: 10px; height: 260px;}
.containerclasses2{margin-top: 150px !important;}




.bgmobile {
  visibility: visible;
  /* The image used */
  background-image: url("../Images/chaninsverticalsplit.png");
  height: 100%; 
 
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 /* filter: brightness(70%);*/

  /* Create the parallax scrolling effect */
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  width:100%; 


}

.bgaerial{
  display: none;
}


.bgaerialmobil{
visibility: visible;
background-image: url("../Images/kneehang.jpg"); 
height: 100%; 
width: 100%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

/*  background-attachment: fixed;*/
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

  }



  .bgcyrmobil{
visibility: visible;
background-image: url("../Images/corners.jpg"); 
height: 100%; 
width: 100%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

/*  background-attachment: fixed;*/
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }


  .bgstaffmobil{
visibility: visible;
background-image: url("../Images/staff.jpg"); 
height: 100%; 
width: 100%;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

/*  background-attachment: fixed;*/
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }




.footer {
  /*position: fixed;*/
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #efece2;
  color: black;
  text-align: center;
  font-size: 17px ;
  font-family: 'AvenirLTW01-35Light';
 /* margin: -10px; padding: 0px; */
 margin-top:  50px !important;  
  flex-shrink: 0;
  clear: both;
  position: relative;
  height: 140px;
 /* margin-top: 100px;*/
/* padding-top: 50px;*/

}



.videopromo{
/*margin: 100px; */
padding: 20px; 
margin-top:  520px;  
}

    div.shows{
  visibility: hidden;
 }

div.showsmobile{
   visibility: visible;
}

div.promodesktop{
   display:none;
}

div.promomobileindex{
   visibility: visible;
}


.promomobileindex {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
  margin-top:  20px;  
}

.promomobileindex iframe, .promomobileindex object, .promomobileindex embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.promomobile {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
}

.promomobile iframe, .promomobile object, .promomobile embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
}



/*For Galaxy portrait*/
     @media all and (device-width: 360px) and (device-height: 640px) and (orientation:portrait) {
  
  .ug-gallery-wrapper {height:390px !important; margin-top: 50px;} 
    
.fa {padding: 5px !important;}

.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important; height: 135% !important;}
.bgstaff{background-attachment: scroll !important;}
.bgquinta{margin-top: 60px;
background-attachment: scroll !important;
background-image: url("../Images/quintaraza/quintamob.jpg") !important;}
.showsmobile{background-attachment: scroll !important;}

/*qintaraza div styling*/
.containerquinta{margin-top: 25px;}
/*h2.a{font-size: 45px;}*/
h2.c{font-size: 25px;}
h3.a{font-size: 15px; margin-top: 5px;}
/*h4.quintatext{font-size: 20px;}*/
p.quintap{font-size: 15px;}
h2.quintaclass{font-family: 'AvenirLTW01-35Light';font-size: 10px;}
/*.greenmask{height: 40px;width: 19px;margin-bottom: 25px;}*/
.bluemask{height: 60px;width: 60px;}



div.dotpoimobile{display: none}
div.dotstaffmobile{display: none}

.izquierda-reservas{ float: left; width: 90%; margin-left: 15px; height: 350px;  margin-top: 15px;}
.derecha-reservas{ float: right; width: 90%; margin-right: 15px; height: 350px; 
  margin-top: -2px;}

 .flex-calendar {height: 100px !important;}

div.dotpoi{display: none}
div.dotstaff{display: none}

.column-left{ float: left; width: 47%; margin-left: 5px; height: 285px;}
.column-right{ float: right; width: 47%; margin-right: 5px; height: 285px;}
.containerclasses{margin-top: 5px !important;}
.containerclasses2{margin-top: 180px !important;}

 h2.clases{
  font-size: 1.5rem !important;
  font-family: 'AvenirLTW01-35Light';
  text-align: center;
}  

.footer {
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #efece2;
  color: black;
  text-align: center;
  font-size: 17px ;
  font-family: 'AvenirLTW01-35Light';
 margin-top:  50px !important;  
  flex-shrink: 0;
  clear: both;
  position: relative;
  height: 140px;
}


.videopromo{
/*margin: 100px; */
padding: 20px; 
margin-top:  520px;  
}

    div.shows{
  visibility: hidden;
 }

div.showsmobile{
   visibility: visible;
}

div.promodesktop{
   display:none;
}

div.promomobileindex{
   visibility: visible;
}


.promomobileindex {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
  margin-top:  10px;  
}

.promomobileindex iframe, .promomobileindex object, .promomobileindex embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.promomobile {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
}

.promomobile iframe, .promomobile object, .promomobile embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

button.single_add_to_cart_button{
    min-width: 100px !important;
    height: 25px !important;
  }


}

/*For iphone 5 Landscape------------------------------------*/

@media only screen 
    and (min-width : 568px) 
    and (max-height : 320px)
    and (orientation:landscape) 
    and (-webkit-min-device-pixel-ratio : 2){


i.fa-facebook{display: none;}
i.fa-instagram{display: none;}
i.fa-youtube{display: none;}

.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important; height: 160% !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgstaff{background-attachment: scroll !important;}
.bgclases{background-attachment: scroll !important; }
.bgquinta{background-attachment: scroll !important; margin-top: 60px;}
.showsmobile{background-attachment: scroll !important;}

.covid{
  display: none;
}

h2.a{font-size: 45px;}

.ph5{display: none;}
/*qintaraza div styling*/
.containerquinta{margin-top: -25px;}
h2.c{font-size: 25px; margin-top: -55px;}
h3.a{font-size: 15px; margin-top: 5px;}
h4.quintatext{font-size: 20px;}
p.quintap{font-size: 15px;}
h2.quintaclass{font-family: 'AvenirLTW01-35Light';font-size: 10px;}
.greenmask{height: 40px;width: 19px;margin-bottom: 25px;}
.bluemask{height: 45px;width: 45px;}
.iph5{margin-top: -45px; font-size: 22px !important;}

.justify-content-center{
  float: left !important;
}


/*this is the container of theabout paragraph*/
div.a {
  font-size: 12px;
  width: 500px;
  margin: 10px; padding: 0px; 
/*  margin-left: -20px;*/
  text-align: center; 
  vertical-align: middle;
 }

div.shows{
visibility: hidden;
 }

div.showsmobile{
   visibility: visible;
}

h2.thetitle{visibility: hidden;}

.titleaerial {left: 20% !important;}
.titlestaff {left: 20% !important;}

div.b {
width: 850px !important;
padding-left: 400px !important;
line-height: 1.5 !important;
}

/*div.b{margin-left: 150px;}*/
h3.titleparagraph{margin-left: 400px;}

div.dotpoimobile{display: none}
div.dotstaffmobile{display: none}

/*clases*/
p.clasesp{font-size: 0.9rem !important;}
.column-left{ float: left; width: 45%; margin-left: 10px; height: 185px;}
.column-right{ float: right; width: 45%; margin-right: 10px; height: 185px;}
.containerclasses{transform: scale(0.7); margin-top: 2px !important;}
.containerclasses2{transform: scale(0.7);margin-top: -80px !important;}
h2.clases{font-size: 20px;}
br.supressformob{display: none;}
.contact100-form-btn {height: 80%;}

.bgclases{background-attachment: scroll !important; }
.derecha-reservas{ float: right; width: 54%; margin-right: 2px; height: 450px; }
.izquierda-reservas{ float: left; width: 44%; margin-left: 2px; height: 450px; }

/*contact form*/
.container-contact100 {transform: scale(0.65);}
.wrap-contact100{margin-top: -120px;}
.container-contact100-form-btn{margin-top: -18px;}
button.contact100-form-btn{height:30px;}
}

/*For iphone 6/7/8 Landscape------------------------------------*/

@media only screen 
    and (min-width : 667px) 
    and (max-height : 375px)
    and (orientation:landscape) 
    and (-webkit-min-device-pixel-ratio : 2){

.navbar{padding:.0rem 0rem !important;}
.navbar a {
  padding: 3px 2px !important; 
  text-align: left !important;    
   margin-right: 1px !important;
   padding-left: -50px !important;
  }

.fa {margin-left: -6px !important; margin-right: -6px !important;} 
.ml-auto{margin-left: 0px !important; padding: -3px -2px !important; 
  margin-right: 10px !important;}

.container2 {max-width: 1200px !important;}

/*clases*/
p.clasesp{ font-size: 15px;}
h2.clases{font-size: 20px;}
.column-left{ float: left; width: 48%; margin-left: 10px; height: 180px;}
.column-right{ float: right; width: 48%; margin-right: 10px; height: 180px;}
.containerclasses{transform: scale(0.9); margin-top: -10px !important;}
.containerclasses2{transform: scale(0.9); margin-top: -25px !important;}
br.supressformob{display: none;}

.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important; height: 135% !important;}
.bgstaff{background-attachment: scroll !important;}
.bgquinta{background-attachment: scroll !important; margin-top: 60px;}
.showsmobile {background-image: url("../Images/gallery/firepyropixies1.jpg") !important; background-attachment: scroll !important; }
.bgclases{background-attachment: scroll !important;}
/*.containerclasses{transform: scale(0.9); }
.containerclasses2{transform: scale(0.9); }*/

/*qintaraza div styling*/
.containerquinta{margin-top: -25px;}
h2.a{font-size: 45px;}
h2.c{font-size: 25px; margin-top: -25px;}
h3.a{font-size: 15px; margin-top: -25px;}
h4.quintatext{font-size: 20px;}
p.quintap{font-size: 15px;}
h2.quintaclass{font-family: 'AvenirLTW01-35Light';font-size: 10px;}
.greenmask{height: 40px;width: 19px;margin-bottom: 25px;}
.bluemask{height: 50px;width: 50px;}

/*contact form*/
.container-contact100 {transform: scale(0.8); }
.wrap-contact100{margin-top: -80px;}
.container-contact100-form-btn{margin-top: -18px; }
button.contact100-form-btn{height:30px; }

.justify-content-center{
  float: left !important;
}


/*this is the container of theabout paragraph*/
div.a {
font-size: 15px;
width: 550px;
margin: 10px; padding: 0px; 
/*  margin-left: -20px;*/
text-align: center; 
vertical-align: middle;}

  div.shows{
  visibility: hidden;
 }

div.showsmobile{
   visibility: visible;
}


h2.thetitle{visibility: hidden;}

.titleaerial {left: 20% !important;}
.titlestaff {left: 20% !important;}


  div.b {
  width: 850px !important;
  padding-left: 400px !important;
 line-height: 1.5 !important;

  }

/*div.b{margin-left: 150px;}*/
h3.titleparagraph{margin-left: 400px;}

}



/*For iphone 6/7/8 PLUS  Landscape------------------------------------------------*/
     @media only screen 
     and (min-width: 736px) 
     and (max-height: 414px) 
     and (orientation:landscape) {
  
 .navbar a {
  padding: 3px 2px !important; 
  text-align: left !important;    
   margin-right: 1px !important;
   padding-left: -50px !important;
  }

.fa {margin-left: -6px !important; margin-right: -6px !important;} 
.ml-auto{margin-left: 0px !important; padding: -3px -2px !important; 
  margin-right: 30px !important;}
.container2 {max-width: 1200px !important;}


h2.a{font-size: 30px;}


/*qintaraza div styling*/
.containerquinta{margin-top: -25px;}
h2.c{font-size: 25px; margin-top: -25px;}
h3.a{font-size: 15px; margin-top: 5px;}
h4.quintatext{font-size: 20px;}
p.quintap{font-size: 15px;}
h2.quintaclass{font-family: 'AvenirLTW01-35Light';font-size: 10px;}
.greenmask{height: 40px;width: 19px;margin-bottom: 25px;}
.bluemask{height: 60px;width: 60px;}


.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important; height: 135% !important;}
.bgstaff{background-attachment: scroll !important;}
.bgquinta{background-attachment: scroll !important; margin-top: 60px;}
.showsmobile {background-image: url("../Images/gallery/firepyropixies1.jpg") !important; background-attachment: scroll !important; }
.bgquinta{background-attachment: scroll !important; margin-top: 60px;}

/*this is the container of theabout paragraph*/

  div.a {
    font-size: 15px;
    width: 550px;
  margin: 10px; padding: 0px; 
/*  margin-left: -20px;*/
  text-align: center; 
  vertical-align: middle;
 }

    div.shows{
  visibility: hidden;
 }

div.showsmobile{
   visibility: visible;
}


h2.thetitle{visibility: hidden;}

.titleaerial {left: 20% !important;}
.titlestaff {left: 20% !important;}


  div.b {
  width: 850px !important;
  padding-left: 400px !important;
 line-height: 1.5 !important;

  }

/*div.b{margin-left: 150px;}*/
h3.titleparagraph{margin-left: 400px;}

/*clases*/

/*clases*/
p.clasesp{ font-size: 15px;}
h2.clases{font-size: 20px;}
.column-left{ float: left; width: 48%; margin-left: 10px; height: 170px;}
.column-right{ float: right; width: 48%; margin-right: 10px; height: 170px;}
.containerclasses{transform: scale(0.9); margin-top: 15px !important;}
.containerclasses2{transform: scale(0.9); margin-top: -25px !important;}
br.supressformob{display: none;}

.bgclases{background-attachment: scroll !important; }

/*contact form*/
.container-contact100 {transform: scale(0.9); }
.wrap-contact100{margin-top: -49px;}
.container-contact100-form-btn{margin-top: -18px; }
button.contact100-form-btn{height:30px; }
}

/*For iphone X Landscape--------------------------------------------------------------*/
     @media only screen 
     and (min-width: 812px) 
     and (max-height: 375px) and (orientation:landscape) {


.navbar-nav{margin-left: -60px !important;  }

 .navbar a {
  padding: 3px 2px !important; 
  text-align: left !important;    
   margin-right: 1px !important;
   padding-left: -50px !important;
  }

.fa {margin-left: 6px !important; margin-right: 6px !important;} 
.ml-auto{margin-left: 0px !important; padding: -3px -2px !important; 
  margin-right: 30px !important;}
.container2 {max-width: 1200px !important;}

/*clases*/
p.clasesp{ font-size: 15px;}
h2.clases{font-size: 20px;}
.column-left{ float: left; width: 48%; margin-left: 10px; height: 180px;}
.column-right{ float: right; width: 48%; margin-right: 10px; height: 180px;}
.containerclasses{transform: scale(0.9); margin-top: -10px !important;}
.containerclasses2{transform: scale(0.9); margin-top: -25px !important;}
br.supressformob{display: none;}


.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important; height: 135% !important;}
.bgstaff{background-attachment: scroll !important;}
.bgquinta{background-attachment: scroll !important; margin-top: 60px;}
.showsmobile {background-image: url("../Images/gallery/firepyropixies1.jpg") !important; background-attachment: scroll !important; }
.bgquinta{background-attachment: scroll !important; margin-top: 60px;}


h2.thetitle{display: none;}

  
/*this is the container of theabout paragraph*/

  div.a {
    font-size: 15px;
    width: 700px;
  margin: 10px; padding: 0px; 
/*  margin-left: -20px;*/
  text-align: center; 
  vertical-align: middle;
 }

    div.shows{
  visibility: hidden;
 }

div.showsmobile{
   visibility: visible;
}


div.promodesktop{
   display:none;
}

div.promomobileindex{
   visibility: visible;
}


.promomobileindex {
  position:relative;
  padding-bottom:56.25%;
  padding-top:50px;
  height:0;
  overflow:hidden;
  margin-top:  20px;  
}

.promomobileindex iframe, .promomobileindex object, .promomobileindex embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


/*qintaraza div styling*/
.containerquinta{margin-top: -25px;}
h2.c{font-size: 25px; margin-top: -25px;}
h3.a{font-size: 15px; margin-top: 5px;}
h4.quintatext{font-size: 20px;}
p.quintap{font-size: 15px;}
h2.quintaclass{font-family: 'AvenirLTW01-35Light';font-size: 10px;}
.greenmask{height: 40px;width: 19px;margin-bottom: 25px;}
.bluemask{height: 60px;width: 60px;}

/*contact form*/
.container-contact100 {transform: scale(0.8); }
.wrap-contact100{margin-top: -80px;}
.container-contact100-form-btn{margin-top: -18px; }
button.contact100-form-btn{height:30px; }


}


/*GALAXY landscape---------------------------------------------------*/
@media only screen 
    and (device-width : 640px) 
    and (device-height : 360px)
    and (orientation:landscape) 
    and (-webkit-min-device-pixel-ratio : 2){


.navbar{padding:.0rem 0rem !important;}
.navbar a {
  padding: 3px 2px !important; 
  text-align: left !important;    
   margin-right: 1px !important;
   padding-left: -50px !important;
  }
.fa {margin-left: -6px !important; margin-right: -15px !important;} 
.ml-auto{margin-left: 0px !important; padding: -3px -2px !important; 
  margin-right: 10px !important;}
.container2 {max-width: 1200px !important;}


.bg{background-attachment: scroll !important;}
.bgaerial{background-attachment: scroll !important;}
.bgcyr{background-attachment: scroll !important;}
.fireshow{background-attachment: scroll !important;}
.bgreservas{background-attachment: scroll !important; height: 135% !important;}
.bgstaff{background-attachment: scroll !important;}
.bgquinta{background-attachment: scroll !important; margin-top: 60px;}
.showsmobile {background-image: url("../Images/gallery/firepyropixies1.jpg") !important; background-attachment: scroll !important; }

/*qintaraza div styling*/
.containerquinta{margin-top: -25px;}
h2.a{font-size: 45px;}
h2.c{font-size: 25px; margin-top: -25px;}
h3.a{font-size: 15px; margin-top: -25px;}
h4.quintatext{font-size: 20px;}
p.quintap{font-size: 15px;}
h2.quintaclass{font-family: 'AvenirLTW01-35Light';font-size: 10px;}
.greenmask{height: 40px;width: 19px;margin-bottom: 25px;}
.bluemask{height: 50px;width: 50px;}
h2.iph5{margin-top: -20px;}

.justify-content-center{
  float: left !important;
}


/*this is the container of theabout paragraph*/

  div.a {
    font-size: 15px;
    width: 550px;
  margin: 10px; padding: 0px; 
/*  margin-left: -20px;*/
  text-align: center; 
  vertical-align: middle;
 }

    div.shows{
  visibility: hidden;
 }

div.showsmobile{
   visibility: visible;
}


h2.thetitle{visibility: hidden;}

.titleaerial {left: 20% !important;}
.titlestaff {left: 20% !important;}


  div.b {
  width: 850px !important;
  padding-left: 400px !important;
 line-height: 1.5 !important;

  }

/*div.b{margin-left: 150px;}*/
h3.titleparagraph{margin-left: 400px;}


.column-left{ float: left; width: 45%; margin-left: 10px; height: 260px;}
.column-right{ float: right; width: 45%; margin-right: 10px; height: 260px;}
.containerclasses{margin-top: -20px !important;}
.containerclasses2{margin-top: 150px !important;}

.bgclases{background-attachment: scroll !important;}


}