/* Backdraft 2.1 helper CSS */
/*----------------------------------------*/
/* Default (This CSS applies to ALL breakpoints, unless overridden) */

/* Your custom CSS: */

/* End your custom CSS */

/* Flexible images */
.flexImage, .fleximage {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}

/* Flexible iframes */
#PageDiv .flexIframe, #PageDiv .flexiframe {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
}
#PageDiv .flexIframe iframe, #PageDiv .flexiframe iframe {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Flexible width video */
#PageDiv .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  width: 100%;
  height: 100%;
}

/*----------------------------------------*/
/* 920px breakpoint (Tablet) */
@media screen and (max-width:920px) {
/* Your custom CSS here: */

/* End your custom CSS */
}

/*----------------------------------------*/
/* 720px breakpoint (Small Tablet) */
@media screen and (max-width:720px) {
/* Your custom CSS here: */

/* End your custom CSS */
}

/*----------------------------------------*/
/* 570px breakpoint (Mobile [Horizontal]) */
@media screen and (max-width:570px) {

/* Your custom CSS here: */

/* End your custom CSS */

/* Font size for mobile devices (uncomment lines to use them) */
  /* #PageDiv h1 { font-size: 20px; } */
  /* #PageDiv h2 { font-size: 16px; } */
  /* #PageDiv h3 { font-size: 14px; } */
  /* #PageDiv p { font-size: 12px; } */
  /* #PageDiv .navigation { font-size: 14px; } */

}

/*----------------------------------------*/
/* 480px breakpoint (Mobile) */
@media screen and (max-width:480px) {

/* Your custom CSS here: */

/* End your custom CSS */

}

/*----------------------------------------*/
/* 320px breakpoint (Small Mobile) */
@media screen and (max-width:320px) {

/* Your custom CSS here: */

/* End your custom CSS */

}

/*----------------------------------------*/
/* Utility classes */

@media screen and (min-width:929px){
  .desktopHide { display: none !important; }
}

@media screen and (min-width:571px) and (max-width:928px){
  .tabletHide { display: none !important; }
}

@media screen and (max-width:570px) {
  .mobileHide { display: none !important; }
}
e: */
.text { font-size: 0.75em } 
.textbigboldc { font-size: 1em } 
.textbiggerc { font-size: 1.125em } 
.textc {font-size: 0.75em } 
.textredc {font-size: 0.75em}
.textsmallc {font-size: 0.75em }
/* End your custom CSS */

}

/*----------------------------------------*/
/* Utility classes */

@media screen and (min-width:929px){
  .desktopHide { display: none !important; }
}

@media screen and (min-width:571px) and (max-width:928px){
  .tabletHide { display: none !important; }
}

@media screen and (max-width:570px) {
  .mobileHide { display: none !important; }
}