.royalSlider {
  width: 100%;
  min-height: 500px; }

.rsDefault, .rsDefault .rsSlide, .rsDefault .rsOverflow {
  background: #00F8AC; }

.rsDefault .rsNav .rsTab {
  border: 1px solid #173B61; }

.rsDefault .rsNav .rsTab.rsNavSelected {
  background: #173B61; }

.rsDefault .rsTab {
  min-width: 10px; }

.waze {
  width: 19px;
  height: 19px !important;
  margin-right: 10px; }

.facebook-logo {
  width: 10px;
  transform: translateY(0%); }

body {
  color: #173B61;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100; }
  body a {
    text-decoration: underline; }

.textarea > p {
  line-height: 25px;
  font-weight: 300; }

.btns {
  display: flex;
  justify-content: space-between;
  padding: 50px 0 100px; }
  .btns .btn {
    text-align: center;
    border-radius: 21px;
    color: #173B61;
    text-decoration: none;
    padding: 2%;
    background-color: #fff;
    width: 100px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); }

h1 {
  font-size: 46px; }

h2 {
  font-family: minion, serif;
  color: #00F8AC;
  font-size: 36px; }

.active {
  color: #00F8AC;
  font-weight: 600; }

header {
  position: absolute;
  z-index: 3;
  width: 100%; }
  header a {
    text-decoration: none;
    color: #fff; }
    header a img {
      width: -webkit-fill-available; }
  header .mobile-header {
    position: fixed;
    bottom: 0;
    background-color: #173B61;
    /* The Overlay (background) */
    /* Position the content inside the overlay */
    /* Position the close button (top right corner) */
    /* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */ }
    header .mobile-header .overlay {
      /* Height & width depends on how you want to reveal the overlay (see JS below) */
      height: 0;
      width: 100%;
      position: fixed;
      /* Stay in place */
      z-index: 1;
      /* Sit on top */
      left: 0;
      top: 0;
      background-color: #00F8AC;
      overflow-x: hidden;
      /* Disable horizontal scroll */
      transition: 0.5s;
      /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */ }
    header .mobile-header .overlay-content {
      position: relative; }
      header .mobile-header .overlay-content a {
        color: #173B61; }
      header .mobile-header .overlay-content .active {
        color: #173B61;
        font-weight: 800; }
    header .mobile-header .overlay .close-btn {
      font-size: 35px; }
    @media screen and (max-height: 450px) {
      header .mobile-header .overlay a {
        font-size: 20px; }
      header .mobile-header .overlay .close-btn {
        font-size: 35px; } }
  header .desktop-header {
    display: none; }

footer {
  background-color: #173B61;
  color: #fff;
  padding: 0% 5% 2%; }
  footer a {
    color: #fff; }
  footer .club-contact, footer .chairman-contact, footer .secretary-contact, footer .links {
    padding: 50px 0 0; }
  footer .training-schedule {
    color: #00F8AC; }
    footer .training-schedule ul > li:first-child {
      list-style: disc; }
  footer .links a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5% 0; }
  footer .links .active {
    color: #00F8AC; }

.landing {
  min-height: 880px;
  height: auto; }
  .landing img {
    height: 100%;
    object-fit: cover; }

.members {
  padding-top: 100px;
  background-color: #F7F4F4; }
  .members h2 {
    color: #173B61;
    text-align: center; }
  .members .member-items {
    padding: 100px 0; }
    .members .member-items .member-item {
      color: #173B61;
      justify-self: center; }
      .members .member-items .member-item img {
        border-radius: 100%;
        padding: 20px; }
      .members .member-items .member-item h4, .members .member-items .member-item h5 {
        text-align: center; }

#home .landing {
  background-image: url("../img/home-video/mobile-still.png");
  background-size: cover;
  background-position: center center;
  height: 100vh;
  display: flex;
  justify-content: center; }
  #home .landing h2 {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff; }
  #home .landing #home-video {
    display: none; }
#home .info-block-odd, #home .info-block-even {
  padding: 5%; }
#home .testimony {
  background-color: #173B61;
  color: #00F8AC;
  font-family: minion-pro, serif;
  font-weight: 400;
  font-style: normal; }

#about-us .goals {
  background-color: #00F8AC; }
  #about-us .goals h2 {
    color: #173B61; }
  #about-us .goals .goal-items h3 {
    font-weight: 600;
    padding: 5% 0; }

#departments .department-items .department-item h3 {
  font-family: minion, serif;
  text-align: center; }
#departments .department-items .department-item .traininghours {
  border-radius: 19px;
  -moz-box-shadow: inset 0 0 5px 0.5px #A7A7A7;
  -webkit-box-shadow: inset 0 0 5px 0.5px #A7A7A7; }
#departments .department-items .department-item:nth-of-type(odd) {
  background-color: #00F8AC; }

#activities .landing .activity-items > .activity-item {
  border-top: 1px solid #173B61; }
  #activities .landing .activity-items > .activity-item h3 {
    color: #00F8AC;
    font-family: "Bebas Neue", sans-serif; }
  #activities .landing .activity-items > .activity-item h2 {
    color: #173B61;
    font-weight: 600;
    font-size: 25px; }
#activities .landing .activity-items > .activity-item:last-of-type {
  border-bottom: 1px solid #173B61; }

#news .landing .textarea h3 {
  font-family: 'roboto', sans-serif;
  font-weight: 800; }
#news .landing .textarea a {
  color: #00F8AC; }
#news .landing .textarea p:last-of-type {
  color: #A7A7A7;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 25px; }
#news .blog h2 {
  text-align: center; }
#news .blog .blog-items .blog-item {
  margin: 25px 0;
  height: fit-content;
  border-bottom: 1px solid #173B61; }
  #news .blog .blog-items .blog-item a {
    text-decoration: none; }
    #news .blog .blog-items .blog-item a img {
      width: -webkit-fill-available;
      margin-bottom: 25px; }
    #news .blog .blog-items .blog-item a h3, #news .blog .blog-items .blog-item a p {
      padding: 0 5%; }
    #news .blog .blog-items .blog-item a h3 {
      font-family: "Roboto", sans-serif;
      color: #173B61; }
    #news .blog .blog-items .blog-item a p {
      color: #A7A7A7;
      text-transform: uppercase;
      font-weight: 800;
      margin-bottom: 25px; }

#news-item .landing h3 {
  color: #A7A7A7;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 25px; }
#news-item .landing .textarea {
  font-weight: 600; }
#news-item .landing h2 {
  color: #00F8AC;
  font-weight: 800; }
#news-item .post-body {
  padding-top: 100px;
  background-color: #F7F4F4; }

#galleries .landing .gallery-items .gallery-item {
  margin: 25px 0;
  height: fit-content;
  border-bottom: 1px solid #173B61; }
  #galleries .landing .gallery-items .gallery-item a {
    text-decoration: none; }
    #galleries .landing .gallery-items .gallery-item a img {
      width: -webkit-fill-available;
      margin-bottom: 25px; }
    #galleries .landing .gallery-items .gallery-item a h3 {
      font-family: "Roboto", sans-serif;
      color: #173B61; }
    #galleries .landing .gallery-items .gallery-item a p {
      color: #A7A7A7;
      text-transform: uppercase;
      font-weight: 800;
      margin-bottom: 25px; }

#gallery .landing .btn {
  text-align: center;
  border-radius: 21px;
  color: #173B61;
  text-decoration: none;
  padding: 2%;
  background-color: #fff;
  width: 100px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); }

#contact a {
  color: #173B61; }
#contact .landing ul {
  margin: 1em 0; }

@supports (display: grid) {
  header .mobile-header {
    width: 100%;
    border-top: 2px solid #00F8AC;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-template-areas: " home logo logo burger"; }
    header .mobile-header .home-btn {
      grid-area: home;
      width: 50px;
      justify-self: center;
      align-self: center;
      padding: 8%; }
    header .mobile-header img {
      grid-area: logo;
      justify-self: center;
      align-self: center; }
    header .mobile-header span {
      grid-area: burger;
      width: 50px;
      justify-self: center;
      align-self: center; }
    header .mobile-header .overlay .overlay-content {
      height: 100%;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: auto;
      grid-template-areas: " logo logo logo logo" " . nav nav ." ". close close ."; }
      header .mobile-header .overlay .overlay-content img {
        grid-area: logo;
        align-self: center; }
      header .mobile-header .overlay .overlay-content nav {
        grid-area: nav;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between; }
      header .mobile-header .overlay .overlay-content .close-btn {
        width: 50px;
        grid-area: close;
        align-self: center;
        justify-self: center; }

  footer {
    padding-bottom: 100px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: max-content;
    grid-gap: 1%;
    grid-template-areas: "club-contact club-contact club-contact ." "chairman-contact chairman-contact chairman-contact ." "secretary-contact secretary-contact secretary-contact ." "training-schedule training-schedule training-schedule ."; }
    footer img {
      grid-area: 1/1/1/5;
      transform: translateY(-100%);
      justify-self: center; }
    footer .club-contact {
      grid-area: club-contact; }
    footer .chairman-contact {
      grid-area: chairman-contact; }
    footer .secretary-contact {
      grid-area: secretary-contact; }
    footer .training-schedule {
      grid-area: training-schedule; }
    footer .links {
      display: none; }

  #home .landing {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 1%; }
    #home .landing h2 {
      grid-area: 1/1/1/5;
      align-self: center;
      justify-self: center; }
  #home .testimony {
    padding: 5%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 1%;
    grid-template-areas: " testi testi testi testi"; }
    #home .testimony p {
      grid-area: testi;
      font-size: 36px;
      padding: 10% 0; }
  #home .info-block-even {
    padding-bottom: 275px; }

  #about-us .landing {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-gap: 1%;
    grid-template-areas: "img img img img" "title title title title" "subtitle subtitle subtitle subtitle" "text text text text"; }
    #about-us .landing h1 {
      grid-area: title;
      padding: 20px 5% 0; }
    #about-us .landing h2 {
      grid-area: subtitle;
      padding: 20px 5% 0; }
    #about-us .landing img {
      grid-area: img; }
    #about-us .landing .textarea {
      grid-area: text;
      padding: 0 5% 100px; }
  #about-us .goals {
    padding: 5%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: max-content;
    grid-gap: 1%; }
    #about-us .goals h2 {
      grid-area: 1/1/1/5; }
    #about-us .goals .goal-items {
      grid-area: 2/1/2/5; }
  #about-us .info {
    padding: 5% 5% 250px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: max-content;
    grid-gap: 1%;
    grid-template-areas: "img img img img " "title title title title" "text text text text"; }
    #about-us .info h2 {
      grid-area: title;
      color: #00F8AC; }
    #about-us .info div {
      grid-area: text; }
    #about-us .info img {
      grid-area: img; }

  #board .landing, #instructors .landing {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-gap: 1%;
    grid-template-areas: "img img img img" "title title title title" "subtitle subtitle subtitle subtitle" "text text text text"; }
    #board .landing h1, #instructors .landing h1 {
      grid-area: title;
      padding: 20px 5% 0; }
    #board .landing h2, #instructors .landing h2 {
      grid-area: subtitle;
      padding: 20px 5% 0; }
    #board .landing img, #instructors .landing img {
      grid-area: img; }
    #board .landing .textarea, #instructors .landing .textarea {
      grid-area: text;
      padding: 0 5% 100px; }
  #board .members, #instructors .members {
    margin-top: 100px;
    padding: 100px 5% 250px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: max-content;
    grid-gap: 1%;
    grid-template-areas: "title title title title " " members members members members"; }
    #board .members h2, #instructors .members h2 {
      grid-area: title; }
    #board .members .member-items, #instructors .members .member-items {
      grid-area: members;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: max-content;
      grid-gap: 1%; }
      #board .members .member-items .member-item, #instructors .members .member-items .member-item {
        grid-column: span 2; }
      #board .members .member-items .member-item:last-of-type, #instructors .members .member-items .member-item:last-of-type {
        margin-bottom: 450px; }

  #board-member .landing, #instructor-member .landing {
    height: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: max-content;
    grid-gap: 1%;
    grid-template-areas: "img img img img" "title title title title" "name name name name" "subtitle subtitle subtitle subtitle" "text text text text"; }
    #board-member .landing h1, #instructor-member .landing h1 {
      grid-area: title;
      padding: 0 5%; }
    #board-member .landing h3, #instructor-member .landing h3 {
      grid-area: name;
      font-size: 50px;
      font-weight: 400;
      padding: 0 5%; }
    #board-member .landing h2, #instructor-member .landing h2 {
      grid-area: subtitle;
      padding: 0 5%; }
    #board-member .landing img, #instructor-member .landing img {
      grid-area: img; }
    #board-member .landing .textarea, #instructor-member .landing .textarea {
      grid-area: text;
      padding: 0 5%;
      padding-bottom: 350px; }

  #departments .landing {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-gap: 1%;
    grid-template-areas: "img img img img" "title title title title" "subtitle subtitle subtitle subtitle" "text text text text"; }
    #departments .landing h1 {
      grid-area: title;
      padding: 20px 5% 0; }
    #departments .landing h2 {
      grid-area: subtitle;
      padding: 20px 5% 0; }
    #departments .landing img {
      grid-area: img; }
    #departments .landing .textarea {
      grid-area: text;
      padding: 0 5% 100px; }
  #departments .department-items {
    display: block; }
    #departments .department-items .department-item:last-of-type {
      padding-bottom: 250px; }
    #departments .department-items .department-item {
      padding: 5%; }
      #departments .department-items .department-item h3 {
        font-size: 35px; }
      #departments .department-items .department-item .traininghours {
        justify-items: center;
        align-self: center;
        padding: 20px;
        margin: 40px 0; }

  #activities .landing {
    height: auto;
    padding-top: 100px;
    margin-bottom: 300px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 100px auto;
    grid-gap: 1%;
    grid-template-areas: " title title title title " " items items items items "; }
    #activities .landing h1 {
      grid-area: title;
      text-align: center; }
    #activities .landing .activity-items {
      grid-area: items; }
      #activities .landing .activity-items .no-activities {
        font-size: 32px;
        font-weight: 400;
        text-align: center;
        padding: 100px 0; }
    #activities .landing .activity-items > .activity-item {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto;
      grid-gap: 1%;
      grid-template-areas: " day title title title " "day text text text"; }
      #activities .landing .activity-items > .activity-item h3 {
        grid-area: day;
        font-size: 20px;
        color: #00F8AC;
        border-right: 1px solid #173B61;
        align-content: center;
        text-align: center; }
      #activities .landing .activity-items > .activity-item h2 {
        grid-area: title;
        align-self: center;
        padding: 20px; }
      #activities .landing .activity-items > .activity-item div {
        grid-area: text;
        padding-left: 20px; }

  #news .landing {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-gap: 1%;
    grid-template-areas: "img img img img" "title title title title" "subtitle subtitle subtitle subtitle" "text text text text"; }
    #news .landing h1 {
      grid-area: title;
      padding: 20px 5% 0; }
    #news .landing h2 {
      grid-area: subtitle;
      padding: 20px 5% 0; }
    #news .landing img {
      grid-area: img; }
    #news .landing .textarea {
      grid-area: text;
      padding: 0 5% 100px; }
  #news .blog .blog-items .blog-item:last-of-type {
    margin-bottom: 250px; }

  #news-item .landing {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-gap: 1%;
    grid-template-areas: "img img img img" "subtitle subtitle subtitle subtitle" "title title title title" "text text text text"; }
    #news-item .landing h2 {
      grid-area: title;
      padding: 20px 5% 0; }
    #news-item .landing h3 {
      grid-area: subtitle;
      padding: 20px 5% 0; }
    #news-item .landing img {
      grid-area: img; }
    #news-item .landing .textarea {
      grid-area: text;
      padding: 0 5% 100px; }
  #news-item .post-body {
    padding: 5%; }
    #news-item .post-body .body-images img:last-of-type {
      margin-bottom: 250px; }
    #news-item .post-body .body-text .btns {
      padding: 25px 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      grid-template-areas: " cta cta cta" "a1 a2 a3"; }
      #news-item .post-body .body-text .btns h4 {
        grid-area: cta;
        padding: 25px;
        font-weight: 600;
        text-align: center; }
      #news-item .post-body .body-text .btns a:nth-of-type(1) {
        grid-area: a1;
        justify-self: left; }
      #news-item .post-body .body-text .btns a:nth-of-type(2) {
        grid-area: a2;
        justify-self: center; }
      #news-item .post-body .body-text .btns a:nth-of-type(3) {
        grid-area: a3;
        justify-self: right; }

  #contact .landing {
    padding: 5%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    grid-gap: 1%;
    grid-template-areas: "title title title title " "information information information information" "map map map map" "fee fee fee fee" "comp comp comp comp"; }
    #contact .landing h1 {
      grid-area: title;
      align-self: center;
      padding: 50px 0; }
    #contact .landing .contact-information {
      grid-area: information; }
    #contact .landing .member-fee {
      grid-area: fee; }
    #contact .landing .competition-info {
      grid-area: comp;
      padding-bottom: 275px; }
    #contact .landing .map {
      grid-area: map; }

  @media screen and (min-width: 1280px) {
    h1 {
      font-size: 60px;
      font-weight: 800; }

    h2 {
      font-size: 45px; }

    header .mobile-header {
      display: none; }
    header .desktop-header {
      background-color: #173B61;
      padding: 2% 5%;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: 1fr;
      grid-gap: 1%;
      grid-template-areas: "nav1 nav1 nav1 nav1 nav1 nav1 homebtn homebtn homebtn homebtn nav2 nav2 nav2 nav2 nav2 nav2 "; }
      header .desktop-header .nav1 {
        grid-area: nav1; }
      header .desktop-header .home-btn {
        grid-area: homebtn; }
      header .desktop-header .nav2 {
        grid-area: nav2; }
      header .desktop-header .nav1, header .desktop-header .nav2 {
        display: flex;
        justify-content: space-around;
        align-items: center; }

    footer {
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: max-content;
      grid-gap: 1%;
      grid-template-areas: ". club-contact club-contact club-contact . chairman-contact chairman-contact chairman-contact secretary-contact secretary-contact secretary-contact . . links links ." ". . . . . training-schedule training-schedule training-schedule training-schedule training-schedule training-schedule training-schedule .  links links . "; }
      footer img {
        grid-area: 1/1/1/5;
        transform: translateY(-100%); }
      footer .training-schedule {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 50px 1fr;
        grid-gap: 1%;
        grid-template-areas: "title . " "thursday sunday"; }
        footer .training-schedule h3 {
          grid-area: title; }
        footer .training-schedule .thursday {
          grid-area: thursday; }
        footer .training-schedule .sunday {
          grid-area: sunday; }
      footer .links {
        grid-area: links;
        display: flex;
        flex-direction: column; }

    #home .landing {
      background-image: none; }
      #home .landing h2 {
        align-self: center;
        font-size: 100px;
        z-index: 2; }
      #home .landing #home-video {
        display: block;
        position: absolute;
        right: -10px;
        bottom: -10px;
        min-width: 100%;
        min-height: 100%; }
    #home .info-block-odd, #home .info-block-even {
      padding: 5% 0; }
    #home .info-block-odd {
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: 1fr;
      grid-gap: 1%;
      grid-template-areas: ". . . . text text text text . img img img img img img . "; }
      #home .info-block-odd .textarea {
        grid-area: text;
        align-self: center; }
      #home .info-block-odd img {
        grid-area: img; }
    #home .info-block-even {
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: 1fr;
      grid-gap: 1%;
      grid-template-areas: ". . . .  img img img img img img . text text text text ."; }
      #home .info-block-even .textarea {
        grid-area: text;
        align-self: center; }
      #home .info-block-even img {
        grid-area: img; }
    #home .testimony {
      padding: 0;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: 1fr;
      grid-gap: 1%;
      grid-template-areas: ". . . . testi testi testi testi testi testi testi testi . . . ."; }
      #home .testimony p {
        font-size: 45px;
        padding: 10% 0; }

    #about-us .landing {
      padding-top: 100px;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: auto;
      grid-gap: 1%;
      grid-template-areas: ". . title title title title title . img img img img img img img img " ". . subtitle subtitle subtitle subtitle . . img img img img img img img img " ". . text text text text text . img img img img img img img img "; }
      #about-us .landing h1 {
        grid-area: title;
        align-self: flex-end;
        padding: 0; }
      #about-us .landing h2 {
        grid-area: subtitle;
        align-self: flex-end;
        padding: 0; }
      #about-us .landing img {
        grid-area: img; }
      #about-us .landing .textarea {
        grid-area: text;
        align-self: flex-start;
        padding: 0;
        padding-bottom: 50px; }
    #about-us .goals {
      padding: 5% 0;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-auto-rows: max-content;
      grid-gap: 1%; }
      #about-us .goals h2 {
        grid-area: 1/3/1/8; }
      #about-us .goals .goal-items {
        grid-area: 2/3/2/15;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-gap: 3.5%; }
    #about-us .info {
      padding: 10% 0 15%;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-auto-rows: max-content;
      grid-gap: 1%;
      grid-template-areas: ". . title title title title title . . img img img img img img . " ". . text text text text text . . img img img img img img . "; }

    #board .landing, #instructors .landing {
      padding-top: 100px;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: repeat(2, 1fr);
      grid-gap: 1%;
      grid-template-areas: ". . title title title title title . img img img img img img img img " ". . subtitle subtitle subtitle subtitle . . img img img img img img img img " ". . text text text text text . img img img img img img img img "; }
      #board .landing h1, #instructors .landing h1 {
        grid-area: title;
        align-self: flex-end; }
      #board .landing h2, #instructors .landing h2 {
        grid-area: subtitle;
        align-self: flex-end; }
      #board .landing img, #instructors .landing img {
        grid-area: img; }
      #board .landing .textarea, #instructors .landing .textarea {
        grid-area: text;
        align-self: flex-start;
        padding-bottom: 50px; }
    #board .members, #instructors .members {
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-auto-rows: max-content;
      grid-gap: 1%;
      grid-template-areas: ". . title title title title title title title title title title title title . . " ". . members members members members members members members members members members members members . . "; }
      #board .members .member-items, #instructors .members .member-items {
        padding: 100px 0 0;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-auto-rows: max-content;
        grid-gap: 1%; }
        #board .members .member-items .member-item, #instructors .members .member-items .member-item {
          grid-column: span 3; }
        #board .members .member-items .member-item:last-of-type, #instructors .members .member-items .member-item:last-of-type {
          margin-bottom: 100px; }

    #board-member .landing, #instructor-member .landing {
      padding-top: 100px;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-auto-rows: minmax(80px, max-content);
      grid-gap: 1%;
      grid-template-areas: ". . title title title title title . img img img img img img img img " ". . name name name name name . img img img img img img img img " ". . subtitle subtitle subtitle subtitle . . img img img img img img img img " ". . text text text text text . img img img img img img img img "; }
      #board-member .landing h1, #instructor-member .landing h1 {
        align-self: flex-end;
        padding-top: 50px; }
      #board-member .landing h3, #instructor-member .landing h3 {
        font-size: 50px;
        align-self: flex-start; }
      #board-member .landing h2, #instructor-member .landing h2 {
        align-self: center; }
      #board-member .landing .textarea, #instructor-member .landing .textarea {
        align-self: flex-start;
        padding-bottom: 200px; }

    #departments .landing {
      padding-top: 100px;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: repeat(2, 1fr);
      grid-gap: 1%;
      grid-template-areas: ". . title title title title title . img img img img img img img img " ". . subtitle subtitle subtitle subtitle . . img img img img img img img img " ". . text text text text text . img img img img img img img img "; }
      #departments .landing h1 {
        grid-area: title;
        align-self: flex-end; }
      #departments .landing h2 {
        grid-area: subtitle;
        align-self: flex-end; }
      #departments .landing img {
        grid-area: img; }
      #departments .landing .textarea {
        grid-area: text;
        align-self: flex-start;
        padding-bottom: 50px; }
    #departments .department-items .department-item {
      padding: 100px 0; }
      #departments .department-items .department-item h3 {
        font-size: 45px; }
      #departments .department-items .department-item .traininghours {
        justify-items: center;
        align-self: center;
        padding: 20px;
        margin: 40px 0; }
    #departments .department-items .department-item:nth-of-type(odd) {
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: auto;
      grid-gap: 1%;
      grid-template-areas: ". . title title title title title . img img img img img img . . " ". . text text text text text . img img img img img img . . " ". . text text text text text . traininghours traininghours traininghours . . . . . "; }
      #departments .department-items .department-item:nth-of-type(odd) h3 {
        grid-area: title; }
      #departments .department-items .department-item:nth-of-type(odd) .department-text {
        grid-area: text; }
      #departments .department-items .department-item:nth-of-type(odd) .traininghours {
        grid-area: traininghours;
        background-color: #F7F4F4; }
      #departments .department-items .department-item:nth-of-type(odd) img {
        grid-area: img; }
    #departments .department-items .department-item:nth-of-type(even) {
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: auto;
      grid-gap: 1%;
      grid-template-areas: ". . img img img img img img . title title title title title  . . " ". . img img img img img img . text text text text text . . " ". . traininghours traininghours traininghours . . . . text text text text text . . "; }
      #departments .department-items .department-item:nth-of-type(even) h3 {
        grid-area: title; }
      #departments .department-items .department-item:nth-of-type(even) .department-text {
        grid-area: text; }
      #departments .department-items .department-item:nth-of-type(even) .traininghours {
        grid-area: traininghours;
        background-color: #00F8AC; }
      #departments .department-items .department-item:nth-of-type(even) img {
        grid-area: img; }

    #activities .landing {
      height: auto;
      padding-top: 175px;
      margin-bottom: 250px;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: auto;
      grid-gap: 1%;
      grid-template-areas: ". . title title title title title title title title title title title title . . " ". . items items items items items items items items items items items items . ."; }
      #activities .landing h1 {
        grid-area: title; }
      #activities .landing .activity-items {
        height: fit-content;
        grid-area: items; }
        #activities .landing .activity-items .no-activities {
          font-size: 32px;
          font-weight: 400;
          text-align: center;
          padding: 100px 0; }
      #activities .landing .activity-items > .activity-item {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: fit-content;
        grid-gap: 1%;
        grid-template-areas: " day day day .  title title title .  text text text text "; }
        #activities .landing .activity-items > .activity-item h3 {
          grid-area: day;
          font-size: 80px;
          color: #00F8AC;
          border-right: 1px solid #173B61;
          align-content: center;
          text-align: left; }
        #activities .landing .activity-items > .activity-item h2 {
          grid-area: title;
          align-self: center;
          padding: 0px;
          font-size: 36px; }
        #activities .landing .activity-items > .activity-item div {
          grid-area: text;
          padding-left: 0px;
          height: fit-content;
          align-self: center; }

    #news .landing {
      padding-top: 100px;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: auto;
      grid-gap: 1%;
      grid-template-areas: ". . title title title title title . img img img img img img img img " ". . subtitle subtitle subtitle subtitle . . img img img img img img img img " ". . text text text text text . img img img img img img img img "; }
      #news .landing h1 {
        grid-area: title;
        align-self: flex-end; }
      #news .landing h2 {
        grid-area: subtitle;
        align-self: flex-start; }
      #news .landing img {
        grid-area: img; }
      #news .landing .textarea {
        grid-area: text;
        align-self: flex-start;
        padding-bottom: 50px; }
        #news .landing .textarea p:last-of-type {
          font-size: 18px; }
        #news .landing .textarea h3 {
          font-size: 30px; }
    #news .blog {
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: auto;
      grid-gap: 1%;
      grid-template-areas: ". . title title title title title title title title title title title title . ." ". . items items items items items items items items items items items items . . "; }
      #news .blog h2 {
        grid-area: title;
        margin: 100px 0 75px; }
      #news .blog .blog-items {
        grid-area: items;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: auto;
        grid-gap: 1%;
        margin-bottom: 250px; }
        #news .blog .blog-items .blog-item {
          grid-column: span 3; }
          #news .blog .blog-items .blog-item a h3 {
            font-size: 30px;
            line-height: 35px;
            min-height: 140px; }
          #news .blog .blog-items .blog-item a p {
            font-size: 18px; }
        #news .blog .blog-items .blog-item:last-of-type {
          margin-bottom: 50px; }

    #news-item .landing {
      padding-top: 100px;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: auto;
      grid-gap: 1%;
      grid-template-areas: ". . subtitle subtitle subtitle subtitle . . img img img img img img img img " ". . title title title title title . img img img img img img img img " ". . text text text text text . img img img img img img img img "; }
      #news-item .landing h3 {
        grid-area: subtitle;
        align-self: flex-END; }
      #news-item .landing h2 {
        grid-area: title;
        align-self: flex-start; }
      #news-item .landing img {
        grid-area: img; }
      #news-item .landing .textarea {
        grid-area: text;
        align-self: flex-start;
        padding-bottom: 50px; }
        #news-item .landing .textarea p:last-of-type {
          font-size: 18px; }
        #news-item .landing .textarea h3 {
          font-size: 30px; }
    #news-item .post-body {
      padding: 5% 0;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: auto;
      grid-gap: 1%;
      grid-template-areas: ". . img img img img img . text text text text text text . ."; }
      #news-item .post-body .body-text {
        grid-area: text; }
      #news-item .post-body .body-images {
        grid-area: img; }
        #news-item .post-body .body-images img {
          padding: 50px 0; }
        #news-item .post-body .body-images img:first-of-type {
          padding-top: 0; }

    #galleries .landing {
      padding-top: 175px;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: auto;
      grid-gap: 1%;
      grid-template-areas: " . . title title title title . . . . . . . . . . " ". . items items items items items items items items items items items items . ."; }
      #galleries .landing h1 {
        grid-area: title; }
      #galleries .landing .gallery-items {
        grid-area: items;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: auto;
        grid-gap: 1%;
        margin-bottom: 250px; }
        #galleries .landing .gallery-items .gallery-item {
          grid-column: span 3; }
          #galleries .landing .gallery-items .gallery-item a h3 {
            font-size: 30px;
            line-height: 35px;
            min-height: 140px; }
          #galleries .landing .gallery-items .gallery-item a p {
            font-size: 18px; }

    #gallery .landing {
      padding-top: 175px;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-template-rows: minmax(min-content, 50px);
      grid-gap: 1%;
      grid-template-areas: " . title title title title title title title title title . overview overview overview  overview . " ".items items items items items items items items items items items items items items ."; }
      #gallery .landing h1 {
        grid-area: title; }
      #gallery .landing .btns {
        grid-area: overview;
        padding: 50px 0; }
      #gallery .landing .slider {
        grid-area: items; }

    #contact .landing {
      min-height: 100vh;
      padding: 0;
      padding-top: 150px;
      display: grid;
      grid-template-columns: repeat(16, 1fr);
      grid-auto-rows: auto;
      grid-gap: 1%;
      grid-template-areas: " . . title title title title . . . . . . . . . ." " . . information information information fee fee fee fee fee map map map map map ." " . . information information information comp comp comp comp comp map map map map map ."; }
      #contact .landing h1 {
        padding: 0; } } }