/* ===================== TITLE CONTENT ====================================== */
*.slide-title{ width: 100%; height: 50px; margin: 0px auto; overflow: hidden; }
*.title{ position: absolute; bottom: 2px; font-size: 2em; margin: 5px; color: #0A235D; font-family: body_title; text-align: center;  bottom: 2px; }
#title0{ left: -200px; width: 200px; }
#title1{ left: -180px; width: 180px; }
#title2{ left: -250px; width: 250px; }
/* ===================== SLIDER CONTENT ===================================== */
*.slide-content{ width: 99%; height: 200px; min-height: 150px; overflow: hidden; }
*.slide-carousel{ display: block; text-decoration: none; width: 100%; height: 100%; margin: 0px auto; }
*.slide-carousel li{ position: absolute; left: 0px top: 0px; width: 100%; height: 100%; list-style: none; }
#slide0, #slide1, #slide2{ width: auto; height: 100%; text-align: center; transition: opacity 5s ease-out; }
*.hide{ opacity: 0; }
*.show{ opacity: 1; }
/* ===================== INFO =============================================== */
*.info-content{ display: table; width: 100%; min-width: 300px; max-width: 900px; margin: 0px auto; overflow: hidden; }
/* ===================== INFO TITLE / CONTENT =============================== */
*.info-title{ font-size: 1em; font-weight: bold; text-align: center; margin: 10px 0px; padding: 10px 0px; text-shadow: 1px 1px 1px #808080; }
*.info-person{ width: 40%; float: left; }
*.info-row{ display: table; width: 100%; margin: 20px 0px; padding: 0px; }
*.column3 p{ width: 32%; min-width: 280px; height: auto; margin: 4px auto; padding: 4px; font-family: "Times New Roman", Times, serif; font-style: italic; font-size: .9em; font-weight: bold; float: none; }
/* ===================== DIRECTIONS ========================================= */
*.directions{ width: 99%; background-color: #F5F5F5; border-radius: 10px; margin: 10px auto; padding: 0px; }
*.directions p{ display: block; font-size: 1em; font-weight: bold; font-style: italic; margin: 10px 0px; text-align: center; }
*.directions button{ display: block; border: 2px solid #2D498A; font-size: 1em; font-weight: bold; width: 110px; height: 30px; border-radius: 20px; color: #2D498A; margin: 10px auto; padding: 5px 10px; cursor: pointer; transition: background-color 500ms; }
*.directions button:hover{ background-color: #E7DF0E; }
/* ===================== ACCREDITED / FIND US AT ============================ */
*.info-findus{ display: table; background-color: #D6D6D6; width: 100%; min-width: 300px; padding-bottom: 10px; }
*.info-findus-content{ display: table; margin: 0px auto; }
*.bbbimg{ width: 250px; height: 75px; margin: 10px auto; float: none; }
*.findusat{ display: block; width: 270px; height: 72px; margin: 0px auto; padding: 0px; border-radius: 8px; border: 2px solid #2D498A; overflow: hidden; float: none; }
*.findusat p{ display: inline-block; font-weight: bold; width: 100%; margin: 0px 0px 0px 5px; padding: 0px 4px; }
*.findusat a{ display: inline-block; text-decoration: none; margin: 0px 8px; padding: 0px; border: none; background: none; width: 40px; height: 40px; }
*.findusat a img{ width: 40px; height: 40px; }
/* ===================== RESPONSIVE SETTINGS ================================ */
@media screen and (min-width : 20em) and (max-height : 23em) {  }
@media screen and (min-width: 20em) and (min-height : 24em) {  }
/* ===== == = === 20em (320px) === = == ========== */
@media screen and (min-width : 320px) {
}
/* ===== == = === 30em (480px) === = == ========== */
@media screen and (min-width : 30em) and (min-height : 24em) {
  *.slide-content{ height: 250px; }
}
/* ===== == = === 37.5em (600px) === = == ======== */
@media screen and (min-width: 37.5em) {
  *.slide-content{ height: 320px; }
  *.column3 p{ float: left; margin: 4px 0px; }
  *.directions p{ font-size: 1.4em; }
}
/* ===== == = === 48em (768px) === = == ========== */
@media screen and (min-width : 48em) {
  *.slide-content{ height: 360px; }
  *.bbbimg{ float: left; margin: 10px; }
  *.findusat{ float: left; margin: 10px; }
}
/* ===== == = === 56.25em (900px) ================ */
@media screen and (min-width : 56.25em) {
  /* ======= TITLE CONTENT ======= */
  *.slide-title{ height: 75px; margin: 5px auto; }
  *.slide-content{ width: 100%; height: 400px; }
  *.directions{ border-radius: 20px; }
  *.directions p{ float: left; margin: 15px 100px; }
  *.directions button{ float: left; width: 125px; height: 40px; }
  *.bbbimg{ float: left; margin: 20px; }
  *.findusat{ float: left; margin: 20px; }
  /* ======= TRANSITIONS - ANIMATIONS ======= */
  *.title{ position: absolute; bottom: 4px; font-size: 3em; margin: 30px 0px 0px 0px; }
  #title0{ left: -300px; width: 300px; }
  #title1{ left: -260px; width: 260px; }
  #title2{ left: -350px; width: 350px; }
  #slide0, #slide1, #slide2{ width: 100%; height: auto; }
}
/* ===== == = === 68.75em (1100px) =============== */
@media screen and (min-width : 68.75em) {
}
/* ===== == = === 81.25em (1300px) =============== */
@media screen and (min-width : 81.25em) {
}