/* DEFAULT */
@media only screen {
  .bottom-right {
    position: absolute;
    right: 1em;
    bottom: 0;
  }
  .grid1 {
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    margin: 10px;
    padding: 1px 1em 2em 1em;
    position: relative;
  }
  .half {
    width: 50%;
  }
  .sword {
    height: auto;
    max-width: 800px;
    width: 40vw;
  }
	#as-seen {
		height: auto;
		max-width: 425px;
		width: 40vw;
	}
  #div1 {
    background: url("../images/bg1.webp") 50% 50% no-repeat;
    background-size: cover;
    height: 70.5vw;
    margin: 0 0 40px 0;
  }
  #grid1 {
    grid-template-columns: 25% 25% 25% 25%;
  }
  #grid1 * {
    text-align: center;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2001px) {}
/* DESKTOP */
@media only screen and (max-width: 2000px) {}
/* MOBILE */
@media only screen and (max-width: 950px) {
  .half {
    width: 100%;
  }
  .sword {
    width: 80vw;
  }
	#as-seen {
		width: 80vw;
	}
  #grid1 {
    grid-template-columns: 100%;
  }
}