@media (min-width: 768px) {
    :root {
      --Black: #272a31;
      --Orange: #ec5242;
      --White: #d3d3d3;
      --Grey: rgb(65, 65, 72);
      --fontSizeD-h2: 2.5rem;
      --fontSizeD-h1: 4rem;
      --fontSizeD-h3: 1.7rem;
      --Dark-Grey: rgb(163, 161, 161);
      --font-sizeD-p: 1.23rem;
      --fontFamily-coco: 'Cocogoose', san-serif;
      --fontFamily-lato: 'Lato', sans-serif;
    }
  
    h1 {
      font-size: var(--fontSizeD-h1);
    }
  
    h2 {
      font-size: var(--fontSizeD-h2);
    }
  
    h3 {
      font-size: var(--fontSizeD-h3);
    }
  
    p {
      font-size: var(--font-sizeD-p);
      color: var(--Grey);
      font-weight: normal;
    }
  
    .flex-container {
      width: 70%;
    }
  
    .navbar-top {
      display: flex;
      background-color: var(--Grey);
    }
  
    .navbar-top .flex-container {
      justify-content: flex-end;
      padding: 8px;
    }
  
    .navbar-top ul {
      display: flex;
      list-style: none;
      gap: 15px;
      font-size: 0.8rem;
      align-items: center;
    }
  
    .navbar-top i {
      color: var(--White);
    }
  
    .navbar-top a {
      text-decoration: none;
      color: var(--White);
      font-family: var(--fontFamily-lato);
    }
  
    header {
      position: relative;
    }
  
    .navbar-main {
      display: flex;
      background-color: white;
      border: 1px solid var(--Grey);
    }
  
    .navbar-main__brand {
      display: flex;
      align-self: center;
    }
  
    .navbar-main__brand img {
      display: flex;
    }
  
    .navbar-main__toggler {
      display: none;
    }
  
    .navbar-main__nav {
      position: relative;
      height: auto;
      background: inherit;
      flex-direction: row;
      align-items: center;
      padding: 10px 0 10px;
    }
  
    #cc-campaign {
      display: flex;
    }
  
    .navbar-button__close {
      display: none;
    }
  
    .navbar-main__list {
      display: flex;
      margin-left: auto;
      padding: 0;
      justify-content: flex-end;
    }
  
    .navbar-main__list li {
      border-bottom: none;
      padding: 5px;
      margin-bottom: 0;
      margin-right: 3%;
    }
  
    .navbar-main__link {
      color: var(--Black);
      font-weight: normal;
      line-height: 44px;
      letter-spacing: 0;
      font-size: 1rem;
    }
  
    .menu-end {
      display: none;
    }
  
    #headline .flex-container {
      flex-direction: column;
      justify-content: flex-start;
    }
  
    .headline__message {
      max-width: 550px;
      margin-top: 20px;
      margin-bottom: 20px;
    }
  
    .headline__date {
      text-align: left;
      font-weight: 900;
      margin-bottom: 10px;
    }
  
    .headline__location {
      text-align: left;
      font-size: 1.23rem;
      font-weight: normal;
    }
  
    #features .flex-container {
      width: 70%;
      padding: 7% 0 10%;
    }
  
    .features__grid {
      display: flex;
      flex-wrap: wrap;
      grid-template: 1fr / repeat(5, 1fr);
      gap: 5px;
    }
  
    .features__cards {
      flex: 1 1 190px;
      display: grid;
      grid-template: 1fr 1fr 2fr / 1fr;
      justify-content: center;
      justify-items: center;
      align-content: center;
      gap: 10px;
      padding: 3%;
    }
  
    .features__cards p {
      text-align: center;
      align-self: flex-start;
      font-family: var(--fontFamily-lato);
    }
  
    #participate {
      display: none;
    }
  
    .participate-link {
      display: flex;
      font-family: var(--fontFamily-lato);
      margin: auto;
      font-size: var(--fontSize-h3);
      margin-top: 70px;
      font-weight: bold;
      color: var(--White);
    }
  
    .section__hr {
      width: 50px;
      margin: auto;
      margin-top: 10px;
      border-color: var(--Orange);
      margin-bottom: 3%;
    }
  
    #staff {
      margin: 7% 0 8%;
    }
  
    #staff .flex-container {
      width: 70%;
      margin: auto;
      display: flex;
      gap: 60px 90px;
      align-items: flex-start;
      justify-content: center;
      flex-wrap: wrap;
    }
  
    .staff__head {
      flex-basis: 100%;
    }
  
    #more {
      display: none;
    }
  
    .staff {
      flex: 1 1 350px;
    }
  
    .staff__img img {
      width: 150px;
      height: 150px;
      margin: 12px 20px 0 12px;
    }
  
    .staff__description p {
      font-family: var(--fontFamily-lato);
      font-weight: normal;
      font-size: 1.1rem;
      line-height: 1.5;
    }
  
    .toggle {
      display: flex;
    }
  
    #partners-main {
      display: flex;
    }
  
    #partners-main .flex-container {
      padding: 3% 0 3%;
      width: 70%;
      margin: auto;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  
    #partners {
      display: flex;
    }
  
    #partners-main h2 {
      color: rgb(163, 161, 161);
      font-size: 1.8rem;
    }
  
    #partners-main .section__hr {
      margin-bottom: 10px;
    }
  
    .partner__flex {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 20px;
    }
  
    .partner__flex a {
      color: rgb(163, 161, 161);
      font-size: 2.3rem;
      margin-top: 20px;
    }
  
    .google,
    .slack,
    .airbnb,
    .soundcloud,
    .reddit {
      width: auto;
      flex: 1 1 80px;
    }
  
    #about-hero .flex-container {
      padding: 10% 0 10%;
    }
  
    #about-hero h2 {
      display: none;
    }
  
    #about-hero p {
      color: var(--Grey);
      font-size: 1.1rem;
    }
  
    #about-logo {
      margin: 5% 0 0;
      padding-bottom: 3%;
    }
  
    #about-logo h2 {
      color: var(--Black);
    }
  
    #about-logo p {
      color: var(--Grey);
      font-weight: normal;
      font-size: 1.1rem;
      line-height: 1.5;
    }
  
    #about-logo .flex-container {
      width: 70%;
    }
  
    .about-logo__show {
      margin-top: 3%;
    }
  
    .about-logo__show img {
      width: 50%;
    }
  
    #about-past {
      margin: 3% 0 1%;
    }
  
    #about-past .flex-container {
      width: 70%;
      margin: auto;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  
    #about-past h2 {
      color: var(--Black);
      font-family: var(--fontFamily-lato);
    }
  
    #about-past p {
      color: var(--Grey);
      font-weight: normal;
      font-size: 1.1rem;
      line-height: 1.5;
      text-align: center;
      font-family: var(--fontFamily-lato);
    }
  
    .about-past__grid {
      margin: 5% 0 5% 0;
      width: 100%;
      align-items: center;
      gap: 3%;
      display: grid;
      grid-template: 1fr /1fr 1fr;
    }
  
    .card1 {
      min-height: 300px;
    }
  
    .card2 {
      min-height: 300px;
    }
  
    #footer {
      background: #272a31;
      padding: 2%;
    }
  
    #footer .flex-container {
      width: 70%;
      justify-content: left;
    }
  
    #footer img {
      width: 200px;
      margin-right: 20px;
    }
  
    #footer .flex-container p {
      font-family: var(--fontFamily-lato);
      font-weight: normal;
      color: var(--White);
      font-size: 0.8rem;
    }
  
    #footer .flex-container p br {
      display: none;
    }
  
    #footer-main {
      display: flex;
      padding: 2%;
      background-color: var(--White);
    }
  
    #footer-main .flex-container {
      width: 70%;
      justify-content: left;
    }
  
    #footer-main img {
      width: 200px;
      margin-right: 20px;
    }
  
    #footer-main .flex-container p {
      font-family: var(--fontFamily-lato);
      font-weight: normal;
      color: var(--Black);
      font-size: 0.8rem;
    }
  }