#dotanim {
  position: relative;
}

.box, .menu, .copyr, .services, .about, .contact {
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: auto;
}

.box {
}

.menu {
    top: 45%;
    text-align: center;
}

.copyr {
    bottom: 5%;
    text-align: center;
}

.services, .about, .contact {
    visibility: hidden;
    left: 35%;
    top: 380px;
    bottom: 10%;
    text-align: center;
    font-family: Arial;
    color: #5f4247;
    text-align: left;
    h3 {
      font-size: 20px;
    }
}

body {
  background-color: #06F0A2;
  background-color: transparent;
  font-family: Arial;
  font-size: 14px;

  color: #F0EEE4;

  div.services {
    width: 400px;
  }

  div.about {
    width: 400px;
  }

  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  background-image: url(fallback-gradient.svg);

  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, left top, right top, from(#06F0A2), to(#406681));

  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(left, #06F0A2, #406681);

  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(left, #06F0A2, #406681);

  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(left, #06F0A2, #406681);

  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(to right, #06F0A2, #406681);
  margin: 0px;
  overflow: hidden;
}