@media (max-width: 800px) {
  @keyframes cardup {
    0% {transform: translateY(0%)}
    100% {transform: translateY(-2%)}
  }
  @keyframes loadUp {
    0% {height: 100vh;}
    100% {height: 0vh;}
  }
  @keyframes loadUp2 {
    0% {height: 0vh;}
    100% {height: 100vh;}
  }
  .animText {
    font-size: 50px;
    margin-bottom: 0;
  }
  nav {
    justify-content: space-between;
    padding: 10px;
  }
  .bigAnim2 {
    padding: 0 5%;
    height: 100vh;
    background-position: 20%;
  }
  .landHeader {
    font-size: 2.1rem;
  }
  .landP {
    font-size: 1.5rem;
    margin: 30px 0 40px 0;
  }
  .rest {
    padding: 0;
  }
  .exp2 {
    flex-direction: column;
  }
  .exp1 {
    flex-direction: column;
  }
  .img1 {
    width: 100%;
    margin-bottom: 10px;
  }
  .txte {
    width: 90%;
  }
  .cards {
    flex-direction: column;
    align-items: center;
    animation-name: cardupSmall;
    transform: translateY(-2%);
  }
  .cards .card {
    width: 85%;
    margin-bottom: 30px;
  }
  .accom h1 {
    font-size: 1.5rem;
    margin-bottom: 70px;
  }
  .accomItems {
    flex-direction: column;
  }
  .accomItems p{
    margin-bottom: 40px;
  }
  .img1 {
    height: 40vh;
    width: 95%;
  }
  .join {
    padding: 70px 30px;
    width: 95%;
    margin-left: 2.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .join h1 {
    font-size: 2.2rem;
  }
  .join p {
    margin-bottom: 30px;
  }
  .join button {
    font-size: 1.2rem;
  }
  .foot2 {
    padding: 50px 20px;
    flex-direction: column;
  }
  .f1 {
    border: 0;
    margin-bottom: 50px;
  }
  .f2 {
    margin-bottom: 50px;
  }
  .f3 {
    margin-bottom: 50px;
  }
  .foot3 {
    padding: 0;
  }
  .foot3 div {
    padding: 10px 0 30px 0;
  }
  .navlink *{
    display: none;
  }
  .ham {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .txte h3 {
    font-size: 1.8rem;
  }
  .txte p {
    font-size: 1.2rem;
  }
  .xmas {
    width: 150px;
  }
  .opimg {
    width: 300px;
  }
  .workw {
    margin-bottom: 40px;
  }
  .inc::before {
    background-size: 75%;
    transform: translateY(-60%);
  }
  .bigAnim2::before {
    background-size: 70%;
  }
}