/*1920*/

@media (min-width: 1681px) and (max-width: 1920px) {
  .header-text-box {
    margin-left: 66%;
  }
  .blank {
    height: 45 vh;
  }
}

/*TABLET*/

@media only screen and (max-width: 1200px) {
  header {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 47, 88, 0)),
        to(rgba(0, 47, 88, 0))
      ),
      url(img/header.jpg);
    background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
      url(img/header.jpg);
    background-size: cover;
    background-position: center;
    min-height: 100%;
    width: auto;
    background-attachment: scroll;
  }

  .section-vz {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 47, 88, 0)),
        to(rgba(0, 47, 88, 0))
      ),
      url(img/vz.jpg);
    background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
      url(img/vz.jpg);
    background-size: cover;
    background-position: center;
    min-height: 100%;
    width: auto;
    background-attachment: scroll;
  }

  html {
    color: #222222;
    font-family: "Lato", "Arial", sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-rendering: optimizeLegibility;
  }

  h2 {
    margin-top: 25px;
  }

  .header-text-box {
    margin-left: 52%;
  }

  .box {
    padding: 3%;
  }

  .booked {
    padding: 9px;
    color: #ff622c;
    font-size: 120%;
  }
  .section-location--bg-fixed {
    min-height: 50vh;
    background-attachment: scroll;
  }
  .section-room--bg-fixed {
    min-height: 50vh;
    background-attachment: scroll;
  }
  .footer-nav {
    margin-top: 8px;
    text-align: center;
    right: 6%;
    list-style: none;
  }

  .blank {
    height: 62vh;
  }

  section {
    padding: 30px 0;
  }
  .box {
    text-align: center;
  }

  .icon-big.md.hydrated {
    margin-left: 25%;
  }
}

/*L PHONES*/

@media only screen and (max-width: 1023px) {
  header {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 47, 88, 0)),
        to(rgba(0, 47, 88, 0))
      ),
      url(img/header.jpg);
    background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
      url(img/header.jpg);
    background-size: cover;
    background-position: center;
    min-height: 100%;
    width: auto;
    background-attachment: scroll;
  }

  .section-location--bg-fixed {
    min-height: 50vh;
    background-attachment: scroll;
  }
  .section-room--bg-fixed {
    min-height: 50vh;
    background-attachment: scroll;
  }

  .section-vz {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 47, 88, 0)),
        to(rgba(0, 47, 88, 0))
      ),
      url(img/vz.jpg);
    background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
      url(img/vz.jpg);
    background-size: cover;
    background-position: center;
    min-height: auto;
    width: auto;
    background-attachment: scroll;
  }

  .blank {
    height: 65vh;
  }

  html {
    color: #222222;
    font-family: "Lato", "Arial", sans-serif;
    font-weight: 300;
    font-size: 15px;
    text-rendering: optimizeLegibility;
  }

  h3 {
    font-size: 100%;
    margin-bottom: 25px;
    text-transform: uppercase;
  }

  .box {
    padding: 1%;
  }

  .org {
    height: 125px;
    border-radius: 50%;
  }

  .logo {
    margin-top: 5px;
    height: 35px;
    margin-bottom: 10px;
  }

  .coursebox p {
    color: #ff622c;
    font-size: 125%;
  }

  .title {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 65%;
    text-align: center;
    margin-top: 10px;
  }

  .col:first-child {
    margin-left: 0;
  }

  .box {
    padding: 3%;
  }
  .span-1-of-4 {
    width: 23.8%;
  }
  .col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
    margin-left: 1.6%;
  }

  .box {
    text-align: center;
  }

  .icon-big.md.hydrated {
    margin-left: 25%;
  }

  .footer-nav {
    margin-top: 0px;
    text-align: center;
    right: 6%;
    list-style: none;
  }
}

/*X PHONES*/

@media only screen and (max-width: 900px) {
  header {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 47, 88, 0)),
        to(rgba(0, 47, 88, 0))
      ),
      url(img/header.jpg);
    background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
      url(img/header.jpg);
    background-size: cover;
    background-position: center;
    min-height: 100%;
    width: auto;
    background-attachment: scroll;
  }

  .section-vz {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 47, 88, 0)),
        to(rgba(0, 47, 88, 0))
      ),
      url(img/vz.jpg);
    background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
      url(img/vz.jpg);
    background-size: cover;
    background-position: center;
    min-height: 100%;
    width: auto;
    background-attachment: scroll;
  }

  .section-location--bg-fixed {
    min-height: 50vh;
    background-attachment: scroll;
  }
  .section-room--bg-fixed {
    min-height: 50vh;
    background-attachment: scroll;
  }

  .blank {
    height: 41vh;
  }

  html {
    color: #222222;
    font-family: "Lato", "Arial", sans-serif;
    font-weight: 300;
    font-size: 15px;
    text-rendering: optimizeLegibility;
  }

  h3 {
    font-size: 100%;
    margin-bottom: 25px;
    text-transform: uppercase;
  }

  .box {
    padding: 1%;
  }

  .org {
    height: 125px;
    border-radius: 50%;
  }

  .logo {
    margin-top: 5px;
    height: 35px;
    margin-bottom: 10px;
  }

  .coursebox p {
    color: #ff622c;
    font-size: 125%;
  }

  .title {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 65%;
    text-align: center;
    margin-top: 10px;
  }

  .col:first-child {
    margin-left: 0;
  }

  .box {
    padding: 3%;
  }
  .span-1-of-4 {
    width: 23.8%;
  }
  .col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
    margin-left: 1.6%;
  }

  .box {
    text-align: center;
  }

  .icon-big.md.hydrated {
    margin-left: 25%;
  }

  .footer-nav {
    margin-top: 0px;
    text-align: center;
    right: 6%;
    list-style: none;
  }
}

/*P PHONES*/

@media only screen and (max-width: 769px) {
  header {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 47, 88, 0)),
        to(rgba(0, 47, 88, 0))
      ),
      url(img/header.jpg);
    background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
      url(img/header.jpg);
    background-size: cover;
    background-position: center;
    min-height: 100%;
    width: auto;
    background-attachment: scroll;
  }

  .section-vz {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 47, 88, 0)),
        to(rgba(0, 47, 88, 0))
      ),
      url(img/vz.jpg);
    background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
      url(img/vz.jpg);
    background-size: cover;
    background-position: center;
    min-height: 100%;
    width: auto;
    background-attachment: scroll;
  }

  .section-location--bg-fixed {
    min-height: 50vh;
    background-attachment: scroll;
  }
  .section-room--bg-fixed {
    min-height: 50vh;
    background-attachment: scroll;
  }

  .blank {
    height: 78vh;
  }

  .header-text-box {
    margin-left: 53%;
  }

  html {
    color: #222222;
    font-family: "Lato", "Arial", sans-serif;
    font-weight: 300;
    font-size: 15px;
    text-rendering: optimizeLegibility;
  }

  h3 {
    font-size: 100%;
    margin-bottom: 25px;
    text-transform: uppercase;
  }

  .box {
    padding: 1%;
  }

  .org {
    height: 125px;
    border-radius: 50%;
  }

  .logo {
    margin-top: 5px;
    height: 35px;
    margin-bottom: 10px;
  }

  .coursebox p {
    color: #ff622c;
    font-size: 125%;
  }

  .title {
    margin-right: 15px;
    margin-left: 15px;
    font-size: 65%;
    text-align: center;
    margin-top: 10px;
  }

  .col:first-child {
    margin-left: 0;
  }

  .box {
    padding: 3%;
  }
  .span-1-of-4 {
    width: 23.8%;
  }
  .col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
    margin-left: 1.6%;
  }

  .box {
    text-align: center;
  }

  .icon-big.md.hydrated {
    margin-left: 25%;
  }

  .footer-nav {
    margin-top: 0px;
    text-align: center;
    right: 6%;
    list-style: none;
  }

  /*M PHONES*/

  @media only screen and (max-width: 767px) {
    html {
      color: #222222;
      font-family: "Lato", "Arial", sans-serif;
      font-weight: 300;
      font-size: 10px;
      text-rendering: optimizeLegibility;
    }

    header {
      background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(rgba(0, 47, 88, 0)),
          to(rgba(0, 47, 88, 0))
        ),
        url(img/header.jpg);
      background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
        url(img/header.jpg);
      background-size: cover;
      background-position: center;
      min-height: 100%;
      width: auto;
      background-attachment: scroll;
    }

    .section-vz {
      background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(rgba(0, 47, 88, 0)),
          to(rgba(0, 47, 88, 0))
        ),
        url(img/vz.jpg);
      background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
        url(img/vz.jpg);
      background-size: cover;
      background-position: center;
      min-height: 100%;
      width: auto;
      background-attachment: scroll;
    }

    .section-location--bg-fixed {
      min-height: 50vh;
      background-attachment: scroll;
    }
    .section-room--bg-fixed {
      min-height: 50vh;
      background-attachment: scroll;
    }

    section {
      padding: 25px 0;
    }

    .section-features .long-copy {
      margin-bottom: 25px;
    }

    .icon-big.md.hydrated {
      margin-top: 10px;
      margin-left: 25%;
    }

    h3 {
      font-size: 100%;
      margin-bottom: 15px;
      text-transform: uppercase;
    }

    .icon-big {
      font-size: 400%;
      color: #ff622c;
      display: block;
      margin-bottom: 10px;
    }
    .box {
      text-align: center;
    }

    .coursebox {
      background-color: #ffffff;
      border-radius: 5px;
      width: 80%;
      margin-left: 10%;
      box-shadow: 0 2px 2px #c9c9c9;
      margin-bottom: 25px;
    }

    .long-org {
      line-height: 145%;
      width: 70%;
      margin-left: 15%;
      text-align: center;
      margin-bottom: 15px;
      margin-top: 5px;
    }

    .title {
      margin-right: 15px;
      margin-left: 15px;
      font-size: 65%;
      text-align: center;
      margin-top: 0px;
    }

    .logo {
      margin-top: 5px;
      height: 35px;
      margin-bottom: 5px;
    }

    .pic {
      padding-top: 5px;
    }

    .col.span-1-of-3.pic {
      margin-bottom: 30px;
    }

    .box {
      padding: 0%;
    }

    footer {
      background-color: #424242;
      background-size: cover;
      background-position: center;
      height: 4vh;
    }

    .footer-nav {
      margin-top: 8px;
      text-align: center;
      right: 6%;
      list-style: none;
    }
  }

  /*S PHONES*/

  @media only screen and (max-width: 741px) {
    html {
      color: #222222;
      font-family: "Lato", "Arial", sans-serif;
      font-weight: 300;
      font-size: 10px;
      text-rendering: optimizeLegibility;
    }

    header {
      background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(rgba(0, 47, 88, 0)),
          to(rgba(0, 47, 88, 0))
        ),
        url(img/header.jpg);
      background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
        url(img/header.jpg);
      background-size: cover;
      background-position: center;
      min-height: 100%;
      width: auto;
      background-attachment: scroll;
    }

    .section-vz {
      background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(rgba(0, 47, 88, 0)),
          to(rgba(0, 47, 88, 0))
        ),
        url(img/vz.jpg);
      background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
        url(img/vz.jpg);
      background-size: cover;
      background-position: center;
      min-height: 100%;
      width: auto;
      background-attachment: scroll;
    }

    section {
      padding: 25px 0;
    }

    .section-features .long-copy {
      margin-bottom: 25px;
    }
    .section-location--bg-fixed {
      min-height: 50vh;
      background-attachment: scroll;
    }
    .section-room--bg-fixed {
      min-height: 50vh;
      background-attachment: scroll;
    }
    .icon-big.md.hydrated {
      margin-top: 10px;
      margin-left: 37%;
    }

    h3 {
      font-size: 100%;
      margin-bottom: 15px;
      text-transform: uppercase;
    }

    .icon-big {
      font-size: 400%;
      color: #ff622c;
      display: block;
      margin-bottom: 10px;
    }
    .box {
      text-align: center;
    }

    .coursebox {
      background-color: #ffffff;
      border-radius: 5px;
      width: 80%;
      margin-left: 10%;
      box-shadow: 0 2px 2px #c9c9c9;
      margin-bottom: 25px;
    }

    .long-org {
      line-height: 145%;
      width: 70%;
      margin-left: 15%;
      text-align: center;
      margin-bottom: 15px;
      margin-top: 5px;
    }

    .title {
      margin-right: 15px;
      margin-left: 15px;
      font-size: 65%;
      text-align: center;
      margin-top: 0px;
    }

    .logo {
      margin-top: 5px;
      height: 35px;
      margin-bottom: 5px;
    }

    .pic {
      padding-top: 5px;
    }

    .col.span-1-of-3.pic {
      margin-bottom: 30px;
    }

    .box {
      padding: 0%;
    }

    footer {
      background-color: #424242;
      background-size: cover;
      background-position: center;
      height: 6vh;
    }

    .footer-nav {
      margin-top: 4px;
      text-align: center;
      right: 6%;
      list-style: none;
    }
  }

  /*S PHONES*/

  @media only screen and (max-width: 741px) {
    html {
      color: #222222;
      font-family: "Lato", "Arial", sans-serif;
      font-weight: 300;
      font-size: 10px;
      text-rendering: optimizeLegibility;
    }

    header {
      background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(rgba(0, 47, 88, 0)),
          to(rgba(0, 47, 88, 0))
        ),
        url(img/header.jpg);
      background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
        url(img/header.jpg);
      background-size: cover;
      background-position: center;
      min-height: 100%;
      width: auto;
      background-attachment: scroll;
    }

    .section-vz {
      background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(rgba(0, 47, 88, 0)),
          to(rgba(0, 47, 88, 0))
        ),
        url(img/vz.jpg);
      background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
        url(img/vz.jpg);
      background-size: cover;
      background-position: center;
      min-height: 100%;
      width: auto;
      background-attachment: scroll;
    }

    section {
      padding: 25px 0;
    }

    .section-features .long-copy {
      margin-bottom: 25px;
    }
    .section-location--bg-fixed {
      min-height: 50vh;
      background-attachment: scroll;
    }
    .section-room--bg-fixed {
      min-height: 50vh;
      background-attachment: scroll;
    }
    .icon-big.md.hydrated {
      margin-top: 10px;
      margin-left: 37%;
    }

    .blank {
      height: 59vh;
    }

    h3 {
      font-size: 100%;
      margin-bottom: 15px;
      text-transform: uppercase;
    }

    .icon-big {
      font-size: 400%;
      color: #ff622c;
      display: block;
      margin-bottom: 10px;
    }
    .box {
      text-align: center;
    }

    .coursebox {
      background-color: #ffffff;
      border-radius: 5px;
      width: 80%;
      margin-left: 10%;
      box-shadow: 0 2px 2px #c9c9c9;
      margin-bottom: 25px;
    }

    .long-org {
      line-height: 145%;
      width: 70%;
      margin-left: 15%;
      text-align: center;
      margin-bottom: 15px;
      margin-top: 5px;
    }

    .title {
      margin-right: 15px;
      margin-left: 15px;
      font-size: 65%;
      text-align: center;
      margin-top: 0px;
    }

    .logo {
      margin-top: 5px;
      height: 35px;
      margin-bottom: 5px;
    }

    .pic {
      padding-top: 5px;
    }

    .col.span-1-of-3.pic {
      margin-bottom: 30px;
    }

    .box {
      padding: 0%;
    }

    .header-text-box {
      margin-left: 20%;
    }

    footer {
      background-color: #424242;
      background-size: cover;
      background-position: center;
      height: 6vh;
    }

    .footer-nav {
      margin-top: 4px;
      text-align: center;
      right: 6%;
      list-style: none;
    }
  }

  /*6 PHONES*/

  @media only screen and (max-width: 741px) {
    html {
      color: #222222;
      font-family: "Lato", "Arial", sans-serif;
      font-weight: 300;
      font-size: 10px;
      text-rendering: optimizeLegibility;
    }

    header {
      background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(rgba(0, 47, 88, 0)),
          to(rgba(0, 47, 88, 0))
        ),
        url(img/header.jpg);
      background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
        url(img/header.jpg);
      background-size: cover;
      background-position: center;
      min-height: 100%;
      width: auto;
      background-attachment: scroll;
    }

    .section-vz {
      background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(rgba(0, 47, 88, 0)),
          to(rgba(0, 47, 88, 0))
        ),
        url(img/vz.jpg);
      background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
        url(img/vz.jpg);
      background-size: cover;
      background-position: center;
      min-height: 100%;
      width: auto;
      background-attachment: scroll;
    }

    section {
      padding: 25px 0;
    }

    .section-features .long-copy {
      margin-bottom: 25px;
    }
    .section-location--bg-fixed {
      min-height: 50vh;
      background-attachment: scroll;
    }
    .section-room--bg-fixed {
      min-height: 50vh;
      background-attachment: scroll;
    }
    .icon-big.md.hydrated {
      margin-top: 10px;
      margin-left: 37%;
    }

    .blank {
      height: 59vh;
    }

    h3 {
      font-size: 100%;
      margin-bottom: 15px;
      text-transform: uppercase;
    }

    .icon-big {
      font-size: 400%;
      color: #ff622c;
      display: block;
      margin-bottom: 10px;
    }
    .box {
      text-align: center;
    }

    .coursebox {
      background-color: #ffffff;
      border-radius: 5px;
      width: 80%;
      margin-left: 10%;
      box-shadow: 0 2px 2px #c9c9c9;
      margin-bottom: 25px;
    }

    .long-org {
      line-height: 145%;
      width: 70%;
      margin-left: 15%;
      text-align: center;
      margin-bottom: 15px;
      margin-top: 5px;
    }

    .title {
      margin-right: 15px;
      margin-left: 15px;
      font-size: 65%;
      text-align: center;
      margin-top: 0px;
    }

    .logo {
      margin-top: 5px;
      height: 35px;
      margin-bottom: 5px;
    }

    .pic {
      padding-top: 5px;
    }

    .col.span-1-of-3.pic {
      margin-bottom: 30px;
    }

    .box {
      padding: 0%;
    }

    .header-text-box {
      margin-left: 62%;
    }

    footer {
      background-color: #424242;
      background-size: cover;
      background-position: center;
      height: 6vh;
    }

    .footer-nav {
      margin-top: 4px;
      text-align: center;
      right: 6%;
      list-style: none;
    }
  }

  /*XS PHONES*/

  @media only screen and (max-width: 480px) {
    header {
      background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(rgba(0, 47, 88, 0)),
          to(rgba(0, 47, 88, 0))
        ),
        url(img/header.jpg);
      background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
        url(img/header.jpg);
      background-size: cover;
      background-position: center;
      min-height: 100%;
      width: auto;
      background-attachment: scroll;
    }

    .section-vz {
      background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(rgba(0, 47, 88, 0)),
          to(rgba(0, 47, 88, 0))
        ),
        url(img/vz.jpg);
      background-image: linear-gradient(rgba(0, 47, 88, 0), rgba(0, 47, 88, 0)),
        url(img/vz.jpg);
      background-size: cover;
      background-position: center;
      min-height: 100%;
      width: auto;
      background-attachment: scroll;
    }

    .box {
      padding: 2%;
    }

    .header-text-box {
      margin-left: 30%;
    }

    .long-copy {
      line-height: 145%;
      width: 70%;
      margin-left: 15%;
      text-align: center;
      margin-bottom: 25px;
    }

    .blank {
      height: 80vh;
    }

    .col {
      margin-left: -0.4%;
    }

    .footer-nav {
      margin-top: 16px;
      text-align: center;
      right: 6%;
      list-style: none;
    }

    .section-location--bg-fixed {
      min-height: 50vh;
      background-attachment: scroll;
    }
    .section-room--bg-fixed {
      min-height: 50vh;
      background-attachment: scroll;
    }
    .icon-big.md.hydrated {
      margin-top: 10px;
      margin-left: 23%;
    }
  }
}