body {
  grid-template-rows: 20vh auto;
}

#aboutUsHolder {
  grid-column: span 2;
  color: #FFFFFF;
  margin: 40px 40px;
  width: 65%;
}
#aboutUsHolder #aboutUsTitle {
  font: 53px "Segoe UI", "Roboto";
  margin: 0;
}
#aboutUsHolder #aboutUs {
  font: lighter 28px/28px "Segoe UI", "Roboto";
  margin: 0;
}

#foxBox {
  position: absolute;
  align-self: center;
  top: 23vh;
  width: 32vw;
  right: 70px;
  height: 35v;
}
#foxBox #af1 {
  max-width: 16vw;
}
#foxBox #af2 {
  width: 18vw;
  right: 0;
  top: 2.5vw;
  z-index: -1;
}
#foxBox #af3 {
  width: 18vw;
  top: 22vw;
  left: 2.5vw;
}
#foxBox img {
  position: absolute;
  border-radius: 10px;
  z-index: 0;
}
#foxBox #foxType {
  position: absolute;
  margin: 0;
  right: 6vw;
  top: 1vw;
  font: 1vw "Segoe UI", "Roboto";
  color: white;
}

@media screen and (max-width: 1000px) {
  #foxBox {
    display: none;
  }

  #aboutUsHolder {
    grid-column: span 4;
    margin: 10px 0;
    width: 90%;
  }
}/*# sourceMappingURL=info.css.map */