body {
  font-family: 'Open Sans', sans-serif; }

#home .container-fluid {
  position: relative;
  background-image: url(../images/sky.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px; }
  #home .container-fluid nav a {
    color: #FFF;
    font-weight: 600;
    margin-right: 3em;
    margin-top: 3em;
    text-decoration: none; }
    #home .container-fluid nav a.active {
      font-weight: bold;
      border-bottom: 2px solid #FFF;
      padding: 3em 0; }
  #home .container-fluid .pull-right {
    padding-top: 3em; }
  #home .container-fluid .club {
    position: absolute;
    text-align: center;
    top: 30em;
    left: 20em; }
    #home .container-fluid .club .action {
      background-color: #8724CD;
      color: #FFF;
      border-radius: 25px;
      font-weight: 600;
      border-color: #8724CD;
      width: 13em;
      margin-left: 9em; }
    #home .container-fluid .club h1 {
      text-align: right;
      color: #FFF; }
    #home .container-fluid .club p {
      color: #FFF;
      font-weight: 800;
      font-size: 10px;
      margin-top: 1em;
      margin-left: 18em; }

#overview {
  background-color: #2E3B4E;
  color: #FFF;
  padding: 8em 0;
  background-size: cover; }
  #overview .container nav {
    bottom: 3em; }
  #overview .container .row-spacing {
    margin-bottom: 1em;
    margin-top: -4em; }
  #overview .container .row-gap.h2 {
    margin-top: -10em;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    line-height: 24px;
    color: #fff;
    font-style: bold;
    font-weight: 700;
    text-transform: uppercase; }

#bang {
  color: #FFF;
  background-image: url(../images/pink.jpg);
  background-repeat: no-repeat;
  height: 475px;
  text-align: center; }
  #bang h2 {
    padding-top: 3.8em;
    padding-bottom: 0.2em; }
  #bang p {
    line-height: 200%; }
  #bang .get-started {
    background-color: #FFF;
    color: #d54c63;
    border-radius: 25px;
    margin-top: 0.6em;
    width: 15em; }
    #bang .get-startedhover {
      color: #d54c63; }

#writing {
  background-color: #FFF;
  background-image: url("../images/writing.jpg");
  color: #000;
  background-repeat: no-repeat;
  height: 475px; }
  #writing h2 {
    font-size: 16px;
    line-height: 24px;
    font-style: bold;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 33em; }
  #writing p {
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    font-weight: 300;
    margin-left: 33em; }
    #writing p.change {
      font-size: 12px;
      margin-left: 44em; }

#valley {
  background-image: url(../images/valley.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px; }
  #valley .container {
    position: relative; }
  #valley a {
    position: absolute;
    background-color: #8724CD;
    color: #FFF;
    border-radius: 25px;
    font-weight: bold;
    width: 15em;
    font-size: larger;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 435px;
    top: 290px; }
  #valley h2 {
    position: absolute;
    color: #FFF;
    text-align: center;
    bottom: -220px;
    left: 390px; }
  #valley p {
    position: relative;
    color: #FFF;
    text-align: center;
    top: 260px;
    margin-left: 15em;
    font-weight: bold;
    right: 170px; }
  #valley .small {
    position: absolute;
    font-size: smaller;
    text-align: center;
    margin-top: 9em;
    font-weight: 600;
    margin-left: 38.4em;
    left: -320px;
    top: 240px; }

#food {
  background-image: url(../images/food.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px; }
  #food a {
    font-size: 13px;
    font-family: 'Open Sans',sans-serif;
    line-height: 26px;
    color: #fff;
    font-style: normal;
    font-weight: bold;
    border-radius: 25px;
    border: 2px solid #fff;
    padding: 5px 30px;
    position: relative;
    top: 340px; }
  #food h2 {
    position: relative;
    margin-top: 35px;
    margin-bottom: 40px;
    font-size: 35px;
    font-family: 'Open Sans',sans-serif;
    line-height: 50px;
    color: #fff;
    font-style: normal;
    font-weight: 300;
    top: 325px; }

#iwatch {
  background-color: #FFF;
  overflow-x: hidden; }
  #iwatch img {
    width: auto;
    margin-left: 6em;
    background-size: cover; }
  #iwatch .modify {
    position: relative;
    margin-top: 11em; }
  #iwatch p {
    margin-top: 23em; }
    #iwatch p.modify {
      margin-top: 9em; }
  #iwatch h2 {
    position: absolute;
    bottom: 350px;
    bottom: 4em;
    top: 8em; }

#email {
  position: relative;
  background-color: #E7536B;
  height: 350px;
  color: #FFF;
  border-width: thick;
  border-color: #2E3B4E; }
  #email h2 {
    position: absolute;
    font-size: 16px;
    color: #fff;
    font-style: bold;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 7em; }
  #email a {
    position: absolute;
    color: #FFF;
    text-decoration: underline;
    top: 200px; }
  #email p {
    position: absolute;
    margin-top: 10em;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 22px; }

#footer {
  background-color: #2E3B4E;
  height: 250px;
  color: #FFF; }
  #footer p {
    text-align: center;
    margin-top: 8em; }

/*# sourceMappingURL=app.css.map */