@import url('https://fonts.googleapis.com/css?family=Raleway');

/*****************
BASE STYLES
*****************/
* {
  margin: 0;
  padding: 0;
}

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  font-size: 62.5%; }

body {
  font-size: 1.5em;
  /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
}

h1 {
  color: #CCC;
  font-weight: 300;
}

h2 {
  font-variant: small-caps !important;
  text-align: center !important;
  background-color: skyblue !important;
  color: #fff !important;
  text-shadow: 2px 2px #000;
  border-radius: 12px;
}

h3 {
  font-variant: small-caps !important;
  text-align: center !important;
  background-color: skyblue !important;
  color: #fff !important;
  text-shadow: 2px 2px #000;
  border-radius: 12px;
}

hr {
    display: block !important;
    height: 1px !important;
    border: 0 !important;
    border-top: 1px solid #F89406 !important;
    margin: 1em 0 !important;
    padding: 0 !important;
}

footer {
  width: 100%;
  bottom: 0;
  background: #333;
  color: #EEE;
  font-size: 11px;
  text-align: center;
  padding: 20px;
}

#about {
  overflow: hidden;
}

/*****************
PRALLAX CSS
*****************/

.page-header {
  border-bottom: none !important;
}

.header-box {
  position: relative;
  height: 600px;
  background-image: url(../images/bchc-header-bg.png);
  background-size: auto 600px;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
}

.logo {
  height: 100px;
  width: 100%;
  background-image: url(../images/bchc-logo-c.png);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -50px;
}

.flowers {
  width: 960px;
  height: 532px;
  background-image: url(../images/bchc-header-flowers.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 230px;
}

.vines {
  width: 960px;
  height: 532px;
  background-image: url(../images/vines.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  position: absolute;
  margin-left: -200px;
  top: 300px;
  z-index: -1;
}

.clouds {
  width: auto;
  height: 200px;
  background-image: url(../images/clouds.png);
  background-attachment: fixed;
}

.tag {
  width: 960px;
  height: 532px;
  background-image: url(../images/tag.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 160px;
}

.back-bird {
  width: 960px;
  height: 298px;
  background-image: url(../images/back-bird.png);
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  left: 50%;
  margin-left: -480px;
}

.container-extra {
  font-size: 1.2em;
  padding-top: 10px;
  font-variant: small-caps;
}

.hero-container {
  font-size: 1.4em;
}

.hero-container a {
  color: #F89406;
}

.hero-container a:hover {
  color: #5bc0de;
}

.fa-clr {
  color: #F89406;
}

.border-right {
  border-right: 1px solid #F89406;
}

.border-right-bot {
  border-right: 1px solid #F89406;
  border-bottom: 1px solid #F89406;
}

.pre-foot {
  text-align: center;
  padding: 5% 0 0 0;
  clear: both;
}

.bottom-third {
  clear: both;
  padding: 5% 0 5% 0;
  text-align: center;
  font-size: 1.2em;
}

.bottom-third a {
  color: #F89406 !important;
}

.bottom-third a:hover {
  color: #5bc0de !important;
}

.bottom-third li {
  padding: 1% 0 1% 0;
}

.circle-a {
  border-radius: 50%;
  float: right;
  margin: 0 2% 0 0;
}

.circle-b {
  border-radius: 50%;
  float: left;
  margin: 0% 2% 0 0%;
}

.circle-c {
  border-radius: 50%;
  float: left;
  margin: 0% 2% 0 0%;
}

.contact-spacer {
  margin: 25% 0 0 0;
  clear: both;
}

.img-resize {
  width: 150px;
  height: 150px;
}

.img-resize-b {
  width: 200px;
  height: 200px;
}

.img-resize-c {
  width: 400px;
  height: 200px;
}

.not-active {
   pointer-events: none;
   cursor: default;
}
/*****************
MEDIA QUERIES
*****************/
@media screen and (max-width: 768px) {
  .logo {
    height: 125px;
    width: 100%;
    background-image: url(../images/bchc-logo-sm.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -50px;
  }

  .flowers {
    display: none;
  }

  .home-img {
    display: none;
  }

  .srv-img {
    display: none;
  }

  .qfy-img {
    display: none;
  }

  .tag {
    display: none;
  }

  .vines {
    display: none;
  }

  .border-right {
    border-right: none;
  }

  .border-right-bot {
    border: none
  }
}

@media screen and (max-width: 980px) {
  .flowers {
    display: none;
  }

  .tag {
    display: none;
  }

  .vines {
    display: none;
  }
}

@media screen and (max-width: 1280px) {
  .flowers {
    left: 50%;
    margin-left: -150px;
  }

  .tag {
    width: 960px;
    height: 532px;
    background-image: url(../images/tag.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    margin-left: -555px;
    top: 250px;
  }
}

/*END CCSS*/