@media (max-width: 1023px) {
  /* NAV */
  nav .sub-items ul::before,
  nav .sub-items ul::after {display: none;}
  nav .sub-items ul {
    top: 0;
    display: none;
    transform: none;
    position: relative;
  }
  nav .sub-items:hover ul {display: block;}

  /* ========================================================================================================= */
  /* HOME */
  /* ========================================================================================================= */
  /* BANNER */
  #home #banner i,
  #about #banner i {
    font-size: 6rem;
  }
}