/**
  * Landing Page
  */


div#landing {
  margin-top: 5em;
  width: 100%;
}

div#landing,
div#landing>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

div#landing>div {
  padding: 1rem;
}


#poster {
  left: 394;
  position: fixed;
  top: 225;
  z-index: 100;
}

.content {
  background-image: url(wallpaper.gif );
  background-repeat: repeat;
  overflow: auto;
  width: 1000px;
}


img[src="images/cb-large.gif"] {
  width: 800px;
  height: auto;
  max-width: 80%;
}

img[src="images/ab.gif"] {
  width: 750px;
  height: auto;
  max-width: 80%;
}

img[src="images/thebeat2.gif"] {
  width: 700px;
  height: auto;
  max-width: 80%;
  align-self: flex-end;
}

img[src="images/hole2.gif"] {
  width: 250px;
  height: auto;
  max-width: 80%;
  align-self: flex-start;
}

img[src="images/speaker6.gif"] {
  width: 420px;
  height: auto;
  max-width: 80%;
  align-self: flex-end;
}

img[src="images/gash4.gif"] {
  width: 550px;
  height: auto;
  max-width: 80%;
  align-self: flex-start;
}

img[src="images/poster-tilt3.png"] {
  width: 700px;
  height: auto;
  max-width: 80%;
}

@media screen and (min-width: 768px) {
  div#landing {
    flex-direction: row;
  }
}