.projTitle{
  padding-top: 20%;
  grid-row: 1;
  letter-spacing: 3px;
  font-size: 1.5rem;
}

/****** Episode START *******/

.yeet{
  padding-top: 3%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;

}

.episodes{
  margin: 15px;
  padding: 2%;
  background-color: rgba(225, 225, 225, 0.1);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-radius: 25px;
  width: 46%;
  transition: background-color 0.5s;
  text-align: left;
  justify-content: space-around;
  }

  /****** Episode END *******/



  footer a, i{
    background-color: inherit;
    color: black;
    text-decoration: none;
  }

  @media only screen and (min-device-width: 1025px) {

    .IPX{
      display: none;
    }
  }

  @media only screen and (device-width: 1024px) {
    .moreText{
      padding-left: 10%;
      padding-right: 10%;
    }
  }

  @media only screen and (max-width: 800px) {
    .nav_links{
      display: none;
    }
    .menu{
      display: inherit;
    }

  }

  @media only screen and (min-device-width: 768px) {

        .IPX{
          display: none;
        }
  }


  @media only screen and (device-width: 375px) {

    main{
      grid-template-rows: 1.5fr 0.2fr 0.5fr 0.4fr 0.5fr;

    }
    .projTitle{
      padding-top: 100%;
    }

    .full{
      display: none;
    }


    .moreText{
      font-size: 0.5rem;
      padding-left: 10%;
      padding-right: 10%;
    }

    .theDivider{
      padding-top: 5%;
    }

    .theDivider h2{
      font-size: 1rem;
    }

    .dividerType{
      font-size: 0.6rem;
    }

    .dividerQuote{
      font-size: 0.8rem;
    }


    .yeet{
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
    }

    .episodes{
      width: 90%;
    }

  }