@CHARSET "UTF-8";

html,body {
  padding: 0px;
  margin: 0px;
  height: 100%;
  background: #eef4f5 image-url("global/bg_footer.png");
}

header {
/*  min-height: 100%;
  margin-bottom: -140px;
  background: #eef4f5 image-url("global/bg_footer.png");
  color: #505759;
  padding: 0;
  margin: 0;
  font-family: "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;*/

  .top-bar {
    overflow: hidden;
    position : relative;
    background: #242C2E;
    border-bottom: 1px dotted #4f5556;
    background: #242C2E;
    img {
      margin-top: 1em;
      margin-left: 10px;
      margin-bottom: 0px;
      padding: 10px;
    }
    @media screen and (min-width: 800px) {
      img {
        padding: 0px;
        float: left;
        margin-top: 1.5em;
        margin-bottom: 1em;
        margin-left: 50px;
      }
    }
    a:hover {
      cursor: pointer;
    }
    .right-nav {
     text-align: center;
      margin-right: 0px;
      padding: 0.5em;
      @media screen and (min-width: 800px) {
        float: right;
        margin-right: 50px;
        padding-top: 2.5em;
    }
      ul {
        padding: 0px;
        margin: 0px;
        li {
          display: inline;
          list-style: none;
          margin-right: 20px;
          a {
            color: #a9c7cf;
            font-size: 16px;
            font-weight: 400;
            text-decoration: none;
            font-family: "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
            font-size: 16px;
          }
        }
      }
    }
  }
}

.content {
  min-height: 100%;
  margin-bottom: -140px;
  background: #eef4f5 image-url("global/bg_footer.png");
  color: #505759;
  padding: 0;
  margin: 0;
  font-family: "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
  
  
  .landing {
    width: 100%;
    background: #eef4f5 image-url("home/background.jpg") bottom left no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
    
    .hook {
      margin-left: auto;
      margin-right: auto;
      position: relative;
      img {
        padding-left: 20%;
        padding-right: 20%;
        float: left;
        width: 60%;
        text-align: center;
        @media screen and (min-width: 800px) {
        	width: auto;
        	padding: 5px;
        	float: left;
        }
      }
      .hook-text {
       	float: left;
       	text-align: center;
       	padding: 10px;
        @media screen and (min-width: 800px) {
          text-align: left;
          float: none;
          padding-left: 20px;
          padding-right: 20px;
          padding-bottom: 3em;
          margin-left: 25%;
        }
        h1 {
          color: #FFFFFF;
          text-shadow: 2px 2px #909090;
          font-weight: 100;
          font-size: 2.8em;
          line-height: 1.2em;
          padding: 10px;
          margin: 0px;
          font-family: "Dosis", "Open Sans" "Helvetica", Helvetica, Arial, sans-serif;
          @media screen and (min-width: 800px) {
            padding: 0px;
          }
        }
        h2 {
          color: #000000;
          font-family: "Open Sans", sans-serif;
          font-weight: 100;
          font-size: 1.2em;
        }
        h3 {
          color: #303030;
          text-shadow: 1px 1px #909090;
          font-size: 1.4em;
          font-weight: 200;
          margin-bottom: 50px;
        }
        .button {
          cursor: pointer;
          font-family: "Dosis", "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
          text-decoration: none;
          padding: 1em 2em 1em 2em;
          font-size: 1.5em;
          background-color: #F9A11B;
          color: white;
          -webkit-transition: background-color 300ms ease-out;
          -moz-transition: background-color 300ms ease-out;
          transition: background-color 300ms ease-out;
          border: none;
          border-radius: 3px;
          margin: 50px;
          white-space: nowrap;
        }
        
        .button:hover,.button:focus {
          background-color: #D78009;
        }
      }
    }
  }
}
.bottom-bar {
  height: 140px;
  font-family: "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
  .footer-content {
    background: #eef4f5;
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #D2DADB;
    width: 70%;
    margin-left: 15%;
    ul {
      padding-left: 0px;
      padding-top: 10px;
      margin: 0px;
      li {
        list-style: none;
        padding: 10px;
        @media screen and (min-width: 800px) {
          display: inline;
        }
      }
    }
    a {
      text-decoration: none;
      color: #C3C8C9;
    }
    .left-footer {
      float: left;
      .major-link a {
        color: #929596;
        font-weight: 700;
      }
    }
    .right-footer {
      float: none;
      @media screen and (min-width: 800px) {
        margin-top: 0px;
        float: right;
      }
      .copy {
        color: #929596;
        font-size: 0.8em;
        font-weight: 700;
      }
    }
  }
}