.slide {
  display: block;
  position: absolute;
  top: 0;
  transform: translateX(100%);
  height: 100%;
  width: 100%;
  overflow: hidden; }

.btn-next, .btn-menu {
  position: absolute;
  width: 150px;
  height: 50px;
  left: 1100px;
  top: 650px;
  font-size: 1.5rem; }

.btn-menu {
  left: 0; }

.garden {
  position: absolute;
  background-image: url("images/garden.png");
  background-size: 966px 493px;
  width: 966px;
  height: 493px;
  top: 170px;
  left: 100px; }

.tools-all {
  background-image: url("images/12.png");
  background-size: 500px 250px;
  width: 500px;
  height: 250px; }

.tool {
  position: absolute;
  top: 100px;
  cursor: pointer; }
  .tool:hover {
    transform: scale(1.1); }

.tool-hoe {
  background-image: url("images/06.png");
  background-size: 130px 510px;
  width: 130px;
  height: 510px;
  left: 300px; }

.tool-pitch-fork {
  background-image: url("images/05.png");
  background-size: 160px 560px;
  width: 160px;
  height: 560px;
  left: 450px; }

.tool-clippers {
  background-image: url("images/04.png");
  background-size: 150px 310px;
  width: 150px;
  height: 310px;
  left: 700px; }

.tool-shovel {
  background-image: url("images/03.png");
  background-size: 160px 570px;
  width: 160px;
  height: 570px;
  left: 900px; }

.tool-hammer {
  background-image: url("images/02.png");
  background-size: 130px 430px;
  width: 130px;
  height: 430px;
  left: 1100px; }

.story {
  position: absolute;
  top: 180px;
  left: 300px; }

.hoe-story, .pitch-story, .clippers-story, .shovel-story {
  background-image: url("images/farmer-hoe.gif");
  background-size: 720px 450px;
  width: 720px;
  height: 450px; }

.pitch-story {
  background-image: url("images/farmer-rake.gif"); }

.clippers-story {
  background-image: url("images/farmer-clippers.gif"); }

.shovel-story {
  background-image: url("images/farmer-shovel.gif"); }

.hammer-story {
  background-image: url("images/farmer-hammer.gif");
  background-size: 720px 480px;
  width: 720px;
  height: 480px; }

.flowers {
  position: absolute;
  background-image: url("images/07.png");
  background-size: 310px 130px;
  width: 310px;
  height: 130px;
  left: 150px;
  top: 550px; }

.tree {
  position: absolute;
  background-image: url("images/08.png");
  background-size: 335px 415px;
  width: 335px;
  height: 415px;
  left: 940px;
  top: 120px; }

.bushes {
  position: absolute;
  background-image: url("images/09.png");
  background-size: 275px 172px;
  width: 275px;
  height: 172px;
  left: 100px;
  top: 300px; }

.veggies {
  position: absolute;
  background-image: url("images/10.png");
  background-size: 530px 180px;
  width: 530px;
  height: 180px;
  left: 500px;
  top: 450px; }

.corn {
  position: absolute;
  background-image: url("images/11.png");
  background-size: 385px 230px;
  width: 385px;
  height: 230px;
  left: 890px;
  top: 300px; }

.avg-academic {
  position: absolute;
  background-image: url("images/avg-academic.png");
  background-size: 496px 452px;
  width: 496px;
  height: 452px;
  left: 100px;
  top: 150px; }

.scatter-plot {
  position: absolute;
  background-image: url("images/no-avg.png");
  background-size: 494px 430px;
  width: 494px;
  height: 430px;
  left: 700px;
  top: 150px; }

.student-01, .student-02 {
  position: absolute;
  background-image: url("images/student-01.png");
  background-size: 311px 436px;
  left: 200px;
  width: 311px;
  height: 436px; }

.student-02 {
  background-image: url("images/student-02.png");
  left: 800px; }

.greater-than {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 200px;
  left: 600px; }
  .greater-than:before {
    content: "+";
    font-size: 8rem;
    color: gray; }

.curriculum-centered, .student-centered {
  position: absolute;
  background-image: url("images/cc.png");
  background-size: 1192px 285px;
  left: 0;
  top: 200px;
  width: 1192px;
  height: 285px; }

.student-centered {
  background-image: url("images/sc.png");
  background-size: 912px 513px;
  left: 200px;
  top: 150px;
  width: 912px;
  height: 513px; }

.essential-02 {
  position: absolute;
  background-image: url("images/essential-02.png");
  background-size: 1250px 500px;
  width: 1250px;
  height: 500px;
  left: 10px;
  top: 150px; }

.udl {
  position: absolute;
  top: 200px; }

.stu-01, .stu-02, .stu-03, .stu-04, .stu-05, .stu-06, .stu-07, .stu-08 {
  position: absolute;
  background-image: url("images/kingboy.gif");
  background-size: 975px 540px;
  width: 975px;
  height: 540px;
  left: 145px;
  top: 150px;
  z-index: 1; }

.stu-02 {
  background-image: url("images/blackgirl.gif");
  background-size: 1075px 640px;
  left: 90px;
  top: 97px;
  z-index: 1050;
  width: 1075px;
  height: 640px; }

.stu-03 {
  background-image: url("images/blackkid.gif");
  left: 140px;
  top: 170px; }

.stu-04 {
  background-image: url("images/pinkgirl.gif");
  left: 130px;
  top: 160px; }

.stu-05 {
  background-image: url("images/redboy.gif");
  left: 170px;
  top: 170px; }

.stu-06 {
  background-image: url("images/redgirl.gif");
  left: 170px;
  top: 170px; }

.stu-07 {
  background-image: url("images/sockboy.gif");
  left: 150px;
  top: 155px;
  z-index: 0; }

.stu-08 {
  background-image: url("images/yellowgirl.gif");
  left: 115px;
  top: 145px; }

.gardenscape {
  position: absolute;
  background-image: url("images/gardenscape.png");
  background-size: 1061px 641px;
  width: 1061px;
  height: 641px;
  left: 100px;
  top: 90px; }