/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds
*/

.some-css-selector {font-size:13px;}
.anniversary_iframe{
        width: 100%;
        border: 0;
        height: 95vh;
    }


/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

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

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

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


}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px){


}

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

}

@media only screen and (min-width: 768px) and (max-width: 991px){/*MD*/

    .anniversary_iframe{
        width: 100%;
        border: 0;
        height: 85vh;
    }
}
@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) { /*XS*/
.anniversary_iframe{
        width: 100%;
        border: 0;
        height: 85vh;
    }
}

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

}

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

}


.loading_overlay {
  background: #ffffff;
  color: #666666;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: .80;
}