html, body { 
  font-family: "Open Sans";
  background-color: #ff00ff;
  color: #fff;
  background-image: url("../img/burnmf.png");
  background-size: cover; /* You must set a specified height */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-blend-mode: multiply;
  margin: 0;
  height: 100vh;
  overflow: hidden;
}
.site-canvas {
  height: 100vh;
  width: 100vw;
  justify-content: center;
  background-image: url("../img/vmbat.png");
  background-size: 90vh; /* You must set a specified height */
  background-repeat: no-repeat; /* Do not repeat the image */
  overflow: hidden;
  background-position: center bottom;
  transform: translate(0, -5vh);
}

.box {
  width: 200vw;
  height: 200vh;
  background-color: #ff00ff;
  transform: rotate(-13deg); 
  position: relative;
  right: 35vw; 
  bottom: 15vh;
  overflow: hidden;
  justify-content: center;
} 

.logo {
  width: 80vw;
  height: 80vh;
  position: relative;
  background-image: url("../img/vvstn.svg");
  background-size: 55vw; /* You must set a specified height */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-position: right bottom;
  transform: translate(15vw, -290vh);
} 

a {
  text-decoration: none;
  color: #026cd7;
}
@media only screen and (min-width: 768px) {
.site-canvas {
  background-position: left bottom;
  background-size: 100vh; /* You must set a specified height */
  transform: translate(0, 0);

}

.box {
  right: 45vw; 
  bottom: 15vh;
} 

.logo {
  background-size: 40vw; /* You must set a specified height */
  transform: translate(15vw, -285vh);
} 


}