html{
}

nav .logo_link{

}

.intro_desktop{
  margin: 0 0;
  padding: 0px 0px;
  position: relative;
  width:100vw;
  color: black;
}

.intro_desktop h3{
  font-family: Suisse-Works;
}

.intro_desktop p{
  font-size: 18px;
}

.intro_logo{
  position: absolute;
  top: 0rem;
  left: 8rem;
  width: 25rem;
}

.landing_text{
  left: 2rem;
  top: 20rem;
  position: absolute;
  width: 30vw;
  padding: 0.05rem 2rem 2rem 2rem;
  color: #9f5dfc;
}

.landing_text h2{
  font-family: BackOut;
  font-size: 1.5rem;
  font-weight: 700;
}

.landing_text p{
  font-size: 1rem;
}

.upcoming{
  position: absolute;
  top: 6rem;
  left: 45vw;
  width: 50vw;
  padding: 0.05rem 2rem 2rem 2rem;
  color: #9f5dfc;
  /* text-shadow: 1px 1px 4px black; */
  z-index: 2;
}

.upcoming h2{
  font-family: BackOut;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 300;
  text-shadow: 2px 2px 4px #45f931;
}

.poster_link{
  position: relative;
  display: inline-block;
  /* margin: 0 1rem; */
}
.poster_img{
  width: 22vw;
  position: relative;
  display: inline-block;
  box-shadow: 1px 1px 5px #fff;

}
.poster_description{
  position: relative;
  margin-left: 2rem;
  width: 22vw;
  vertical-align: top;
  display: inline-block;
}

@media (max-width: 1080px) {
  .intro_logo{
    position: absolute;
    left: 75vw;
    top: -0rem;
    width: 20vw;
    z-index: 2
  }

  .landing_text{
    position: relative;
    top: 5rem;
    margin-top: 5vh;
    width: 80vw;
    padding-bottom: 9rem;
  }

  .upcoming{
    z-index: 1;
    position: relative;
    top: 0;
    left: 2rem;
  }

  .poster_description{
    margin-top: 4rem;
    width: 80vw;
  }

  .poster_description h2{
    font-size: 6rem;
    margin-bottom: 1rem;
  }

  .poster_description h3{
    font-size: 3rem;
  }

  .poster_description p{
    font-size: 2rem;
  }

  .poster_img{
    z-index: 1;
    /* top: 40rem; */
    margin-top: 3rem;
    width: 85vw;
  }

}