@media screen and (max-width: 991px) {
    body {
      width: 100vw;
      background-color: var(--base-clr);
      color: var(--text-clr);
      display: grid;
      grid-template-columns:1fr;
    }
  
    nav {
      display: none;
    }
  
    main {
      padding: min(10px, 4%);
    }
    .container {
      padding: min(1em, 7%);
    }
    
    .flex {
      flex-wrap: wrap;
    }
  
    .link-column {
      margin-top: 2rem;
      flex-basis: 100%;
      align-items: center;
    }
  
    .social-media i {
      font-size: 1.2rem;
    }
  
    .logo-about p {
      text-align: center;
      padding: 0px 10px;
    }

    #theme-switch{
      position: absolute;
      margin-top: .66rem;
    }

    /* H2 Paragraph */
.blog-title-h2 {
  margin: 1rem 1rem;
}
/* P Paragraph */
.blog-paragraph {
 margin: 1rem .5rem;
}
/* Table */
.table-100 {
  padding: 0px 1rem 1rem 1rem;
}

.highlight-note-red {
  margin: 1rem 1rem;
}

.highlight-note-blue {
  margin: 1rem 1rem;
}

/* List Item */
.blog-list {
  margin: 1rem 5rem;
  line-height: 1.5rem;
}

/* Feature Image */
.feature {
  padding: 0px 1rem;
}

.faq-item {
  margin: 1rem;
}
  }