@media screen and (width <= 1280px) {
  .intersection-wrapper {
    flex-direction: column;
    max-width: 80%;
    padding: 6vh 0;
    display: flex;
  }

  .first-intersection-figure-3 {
    padding-top: 40%;
  }

  .inter-container-text-left-col {
    padding-left: 10%;
  }

  .inter-container-text-right-col {
    padding-right: 10%;
  }

  .section-heading {
    font-size: 45px;
  }

  .tom-morton-2 {
    top: 50%;
  }

  .third-intersection-figure-3, .third-intersection-figure-4 {
    padding-top: 20%;
  }

  .third-intersection-figure-6 {
    padding-top: 40%;
  }

  .third-inter-figure-text-wrapper-1 .d-flex:first-child {
    padding-top: 10vh;
  }

  .fourth-section-hero-wrapper {
    max-width: 90%;
  }

  .fourth-intersection-img-caption {
    max-width: 80%;
    padding: 8vh 0 6vh;
  }

  .fifth-intertext-wrapper {
    width: 100%;
  }

  .fifth-intercontainer {
    width: 95%;
    padding: 2vh 0;
  }

  .second-intersection-figure-5 {
    padding-top: 10%;
    padding-right: 20%;
  }

  .sidebar-menu {
    width: 30%;
  }

  .main-line {
    height: 100vh;
  }

  .sidebar-social-row {
    padding: 1.5rem .2rem 1.5rem 0;
  }

  .sidebar-carousel-container {
    width: 70%;
  }

  .sidebar-carousel-slide {
    right: 30%;
  }

  .sidebar-menu .sidebar-menu-row {
    margin-left: 1vw;
  }

  .sidebar-menu-item {
    margin: 30px 0;
    width: 100% !important;
  }

  .mySlides img {
    -o-object-position: 40% 90%;
    object-position: 40% 90%;
  }

  #welcome-div:hover, #climat-liter-div:hover {
    color: #000;
    background-color: #0000;
  }

  #cornerstone-div:hover, #close-of-div:hover, #making-waves-div:hover, #after-november-div:hover {
    background-color: #0000;
  }

  .main-menu-row {
    height: 90vh;
  }

  .flow-wrapper {
    width: 75vw;
  }

  .flow-wrapper-slide {
    display: none;
  }

  .welcome-text-wrapper {
    flex-direction: column;
    padding: 4vh 0;
  }

  .welcome-text-wrapper .container-text-right-col {
    padding: 0 15%;
  }

  .container-text-wrapper {
    width: 100%;
  }

  .welcome-text-wrapper .col {
    font-size: 1.2em;
  }

  .welcome-video-container {
    width: 80%;
    padding: 0;
  }

  .main-menu-item {
    text-align: center;
    padding-left: 0;
  }

  #welcome-section .welcome-img {
    width: 50% !important;
    position: static !important;
  }

  #christina-wong-container {
    flex-direction: column;
  }

  #christina-wong-container .making-waves-text-wrapper {
    margin-left: 0;
  }

  .welcome-credits-container {
    padding: 10vh 0 20vh;
  }

  #making-waves-section {
    padding-top: 8vh;
  }

  .making-waves-heading {
    padding-bottom: 1em;
  }

  .making-waves-text-wrapper {
    width: 90%;
  }

  #sculpture-1 {
    max-width: 12%;
    top: -12%;
    left: 0;
  }

  #sculpture-2 {
    max-width: 35%;
    top: -12%;
    left: -10%;
  }

  #sculpture-3 {
    max-width: 16%;
    bottom: 0;
    right: 0;
  }

  #sculpture-4 {
    max-width: 35%;
    bottom: 0;
    right: 0;
    transform: rotate(360deg);
  }

  #glasgow-tool-1 {
    max-width: 10%;
    top: 90%;
    left: 75%;
  }

  #glasgow-tool-2 {
    max-width: 30%;
    top: 85%;
    left: 75%;
  }

  #karen-1 {
    max-width: 20%;
    bottom: 0;
    left: -15%;
  }

  #karen-2 {
    max-width: 20%;
    bottom: 0;
    right: 5%;
  }

  #potr-1 {
    max-width: 20%;
    bottom: 45%;
    left: -20%;
  }

  #potr-2 {
    max-width: 40%;
    bottom: 40%;
    left: -30%;
  }

  #potr-3 {
    max-width: 16%;
    bottom: 5%;
    right: -6%;
  }

  #james-pfaff-1 {
    max-width: 16%;
    bottom: 50%;
    left: -40%;
  }

  #james-pfaff-2 {
    max-width: 16%;
    bottom: 0;
    right: -10%;
  }

  #james-pfaff-3 {
    max-width: 40%;
    bottom: 0;
    right: -15%;
  }

  #allot-me-1 {
    max-width: 20%;
    bottom: 30%;
    left: -18%;
  }

  #zero-waste-1 {
    max-width: 20%;
    bottom: 36%;
    left: -15%;
  }

  #zero-waste-2 {
    max-width: 25%;
    bottom: 2%;
    right: -10%;
  }

  #circular-arts-1 {
    max-width: 30%;
    position: absolute;
    bottom: 12%;
    left: -30%;
    transform: rotate(-200deg);
  }

  .heading-text {
    margin-bottom: 3em;
    font-size: 20px;
  }

  .container-text-left-col {
    padding-left: 15%;
  }

  .container-text-right-col {
    padding-right: 15%;
  }

  .figure-text-wrapper {
    padding: 2vh 0;
  }

  .sustainable-section {
    padding-bottom: 10%;
  }

  .sustainable-heading-text {
    max-width: 80%;
    top: 40%;
    left: 35%;
  }

  .sustainable-figure-3, .sustainable-figure-4 {
    padding: 1em;
  }

  .sustainable-figure-10 {
    padding-top: 20%;
  }

  .sustainable-figure-11, .sustainable-figure-12 {
    margin-top: 5%;
  }

  .after-november-container-1 .row {
    grid-template-columns: 1fr;
  }

  .after-november-heading {
    font-size: 45px;
    top: 40%;
  }

  .after-november-heading-text {
    top: 50%;
  }

  .climate-literacy-section {
    padding-bottom: 10%;
  }

  .climate-literacy-figure-11 {
    margin-top: 3%;
  }

  #close-of-play-section {
    margin-top: 0;
  }

  .close-of-main-wrapper {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    max-width: 90%;
  }
}

@media screen and (width <= 850px) {
  .inter-figure-text-wrapper {
    flex-direction: column;
    gap: 5em;
    display: flex;
  }

  .intersection-figure {
    padding: 0 10%;
  }

  .inter-container-text-col {
    width: 90%;
    padding: 0 10%;
  }

  .third-inter-figure-text-wrapper-1 .d-flex:first-child {
    padding-top: 0;
  }

  .figures-wrapper {
    flex-direction: column;
  }

  .third-intersection-figure-3 {
    max-width: 90%;
  }

  .third-inter-figure-text-wrapper-3 {
    flex-direction: column-reverse;
  }

  .waves-arrow-col {
    display: none;
  }

  .section-heading {
    font-size: 35px;
  }

  .figure-text-wrapper-1 .d-flex {
    align-items: center;
    padding: 5% 15% 5% 0;
  }

  .figure-text-wrapper-2 .d-flex {
    align-items: center;
    padding: 5%;
  }

  .figure-text-wrapper-1, .figure-text-wrapper-2 {
    grid-template-columns: 1fr;
  }

  .sustainable-figure-11 {
    margin-left: 0;
  }

  .sustainable-figure-12 {
    margin-top: 3%;
  }

  .after-november-heading {
    top: 40%;
  }

  .after-november-heading-text {
    top: 48%;
  }

  .after-november-figure-2 {
    top: 40%;
    right: 4%;
  }

  .november-line-wrapper {
    display: none;
  }

  .climate-literacy-heading-text {
    top: 40%;
  }

  .close-of-main-wrapper {
    grid-gap: 1em;
  }

  .close-of-col, #sustaining .close-of-col {
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .close-of-data-row {
    padding: 1em 1em 0;
  }

  .more-info-row {
    display: none !important;
  }

  .more-info-col {
    justify-content: flex-start;
  }
}

@media (width >= 600px) and (width <= 1025px) {
  .welcome-credits-container {
    font-size: 1.4em;
  }

  .main-menu-item-text {
    font-size: 40px !important;
  }
}

/*# sourceMappingURL=index.b44b608c.css.map */