.sky {
    height: 400px;
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-animation: sky_background 50s ease-out infinite;
    -moz-animation: sky_background 50s ease-out infinite;
    -o-animation: sky_background 50s ease-out infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    margin: 0 0 10px 0;
}

.clouds_one {
    background: url("../images/cloud_one.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_one 50s linear infinite;
    -moz-animation: cloud_one 50s linear infinite;
    -o-animation: cloud_one 50s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.clouds_two {
    background: url("../images/cloud_two.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_two 75s linear infinite;
    -moz-animation: cloud_two 75s linear infinite;
    -o-animation: cloud_two 75s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.clouds_three {
    background: url("../images/cloud_three.png");
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 300%;
    -webkit-animation: cloud_three 100s linear infinite;
    -moz-animation: cloud_three 100s linear infinite;
    -o-animation: cloud_three 100s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

@-webkit-keyframes sky_background {
  0% {
    background-color: #007fd5;
    color: #007fd5;
  }
  50% {
    background: #007fd5;
    color: #a3d9ff;
  }
  100% {
    background: #007fd5;
    color: #007fd5;
  }
}
@-moz-keyframes sky_background {
  0% {
    background-color: #007fd5;
    color: #007fd5;
  }
  50% {
    background: #007fd5;
    color: #a3d9ff;
  }
  100% {
    background: #007fd5;
    color: #007fd5;
  }
}
@-ms-keyframes sky_background {
  0% {
    background-color: #007fd5;
    color: #007fd5;
  }
  50% {
    background: #007fd5;
    color: #a3d9ff;
  }
  100% {
    background: #007fd5;
    color: #007fd5;
  }
}
@keyframes sky_background {
  0% {
    background-color: #007fd5;
    color: #007fd5;
  }
  50% {
    background: #007fd5;
    color: #a3d9ff;
  }
  100% {
    background: #007fd5;
    color: #007fd5;
  }
}
@-webkit-keyframes cloud_one {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
	right: 10%
  }
}
@-moz-keyframes cloud_one {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
	right: 10%
  }
}
@-ms-keyframes cloud_one {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
  }
}
@keyframes cloud_one {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
  }
}
@-webkit-keyframes cloud_two {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
  }
}
@-moz-keyframes cloud_two {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
  }
}
@-ms-keyframes cloud_two {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
  }
}
@keyframes cloud_two {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
  }
}
@-webkit-keyframes cloud_three {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
  }
}
@-moz-keyframes cloud_three {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
  }
}
@-ms-keyframes cloud_three {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
  }
}
@keyframes cloud_three {
  0% {
    left: 0;
  }
  100% {
    left: -200%;
  }
}
.sistene {
    position: absolute;
    right: 0;
    float: right;
    top: 5px;
    background: url("../images/sistene-tablet.png");
    width: 495px;
    height: 400px;
}

.tab {
    position: absolute;
    right: 450px;
    top: 190px;
    background-image: url("../images/tab.png");
    width: 270px;
    height: 200px;
}

.msg {
    margin-top: 30px;
    position: absolute;
    left: 10%;
    font-family: fantasy;
}

.msg h2 {
    font-weight: 100;
    font-size: 3vw;
    letter-spacing: .2vw;
    animation: fade 2s 7s forwards;
}

.msg h3 {
    font-family: cursive;
    line-height: 40px;
    font-size: 20px;
}

.left {
    float: left;
}

.right {
    float: right;
    }
.features{
    margin-top: 22px;
}