/*
Saybr Red:  #A41E36
Saybr Gray: #555555
Saybr Blue: #133051
*/
/* HERO
---------------------------------------------------------------------*/
.hero {
  padding: 20vh 0 20vh 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  color: #FFF;
}
.hero h2 {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
}
.hero .intro {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #FFF;
  font-weight: 100;
}
.parentMobile {
  display: none;
}
.parent {
  position: relative;
  background-color: #444;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}
.parent h1 {
  font-size: 3.0rem;
  line-height: 3.2rem;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 40vh;
}
.parent .intro {
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #FFF;
  font-weight: 100;
}
iframe {
  position: relative;
}
#iframe {
  opacity: .7;
  filter: alpha(opacity=70);
}
.floatedDiv {
  position: absolute;
  z-index: 2;
  width: 100%;
}
.section_hero {
  padding: 20vh 0 20vh 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  color: #FFF;
}
.section_hero .intro {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #FFF;
  font-weight: 100;
}
/* SERVICES
---------------------------------------------------------------------*/
#subpage-div {
  padding: 60px 0 72px 0;
  background-color: #FFF !important;
  background-image: url('/media/static/images/saybr-slashes.svg');
  background-size: cover;
  background-attachment: fixed;
}
#subpage-div h2 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 100;
  color: #444;
  margin: 0 0 48px 0;
  text-align: center;
}
/* ABOUT
---------------------------------------------------------------------*/
#about {
  padding: 48px 0 0 0;
  background: #FFF;
}
#about h2 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 100;
  color: #444;
  margin: 0 0 24px 0;
  text-align: left !important;
}
@media only screen and (max-width: 549px) {
  .parent {
    display: none;
  }
  .parentMobile {
    display: block;
    background-color: #444;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    padding: 200px 0 80px 0;
    text-align: center;
    color: #FFF;
    font-size: 1.1rem;
    line-height: 1.1rem;
  }
  .parentMobile h1 {
    color: #FFF;
    font-size: 6vw;
    line-height: 8vw;
    margin: 0 0 36px 0;
  }
  #subpage-div h2 {
    font-size: 7vw;
    line-height: 7vw;
  }
  .hero .intro {
    font-size: 5vw;
    line-height: 8vw;
  }
  .section_hero {
    padding: 12vh 0 12vh 0;
    background-attachment: scroll;
  }
  .section_hero .intro {
    font-size: 5vw;
    line-height: 8vw;
  }
}