/** Mobile sizing */
@media only screen and (max-width: 900px) {
  #hamburger {
    display: block;
  }
  #navlinks {
    display: none;
  }
  #expanded-menu {
    display: block;
  }
  #acm-officers {
    gap: 20px;
  }
}

@media only screen and (max-width: 650px) {
 

    #acm-logo {
      height: 100px;
    }
  
    #welcome-text {
      font-size: 40px;
      margin-top: 20px;
    }
    .intro-p {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 20px;
    }
  
    .buttons {
      flex-direction: column;
      align-items: center;
      margin: 0;
      margin-bottom: 20px;
    }
  
    .pipe-divide {
      display: none;
    }
  
    .buttons-heading {
      font-size: 20px;
    }
  
    .welcome-logo {
      width: 300px;
    }
  
    .landing-page-left {
      margin: 0;
    }
  
    #dues {
      flex-direction: column;
      gap: 0;
      align-items: center;
    }
  
    #social-container {
      flex-direction: column;
      align-items: center;
      gap: 0;
    }
  
    #event-carousel-heading {
      font-size: 40px;
    }

    #event-carousel-container {
      padding: 10px 0;
    }

    .event-item {
      display: none;
    }
    .event-short {
      visibility: hidden;
    }
    
    #event-carousel {
      min-height: 300px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .center {
      position: static;
      display: block;
      width: 250px;
      height: 400px;
    }

    .center>a>img {
      height: 175px;
    }

    .decrement-carousel {
      background: none;
    }

    .increment-carousel {
      background: none;
    }

    #section-heading {
      font-size: 40px;
    }

    .calendar-section {
      padding-bottom: 50px;
    }

    #calendar {
      margin-top: 50px;
      width: 90%;
      height: 400px
    }

    .about-text {
      margin: 0 20px;
    }

    .about-text>h2 {
      font-size: 24px;
    }

    .about-text>p {
      font-size: 20px;
    }

    #footer-columns {
      justify-content: space-around;
    }

    .footer-column {
      align-items: center;
      justify-content: center;
      width: 50%;
    }

    #copyright {
      padding-top: 50px;
    }

  }