.anim-slide h1
  {
    margin: 0;
  }
  .anim-slide h2
  {
    color: #fff;
    font-size: 35px;
  }
  .anim-slide h3
  {
    color: #fff;
    font-size: 30px;
  }
  .anim-slide h4
  {
    color: #fff;
    font-size: 25px;
  }
  .anim-slide h1#slider{position: absolute;left: 330px;top: 100px;margin: 0;}
  .anim-slide h2#plugin{position: absolute;left: 120px;top: 220px;margin: 0;}
  .anim-slide h3#license{position: absolute;top: 0;right: 0;margin: 0;}

  .anim-slide h3.fade{position: absolute;top: -2px;left: 0;margin: 0;}
  .anim-slide h4#bounceUp{top: 15%;left: 60%;}
  .anim-slide h4#bounceRight{position: absolute;top: 0;right: 80px;margin: 0;}
  .anim-slide h4#fadeDown{top: 43%;left: 28%;}
  .anim-slide h4#fadeUp{position: absolute;top: 220px;left: 120px;margin: 0;}
  .anim-slide h3#rotate{margin-top:30px;}
  .anim-slide h4#rotateRight{top: 50%;left: 61%;}
  .anim-slide h4#rotateLeft{top: 50%;left: 80%;}

  .anim-slide img#flipY{position: absolute;left: 30px;top: 30px;}
  .anim-slide img#html5{left: 52%;top: -1%;}
  .anim-slide img#jquery{top: 60%;left: 41%;}
  .anim-slide img#rollIn{position: absolute;top: auto;left: 60px;bottom: 40px;z-index: 9;}
  .anim-slide #animatecss{position: absolute;top: 40px;right: 50px;}

  #fadeImage{position: absolute;left: 370px;top: 150px;}
  #zoomIn{position: absolute;left: 150px;top: 300px;}
  
  div#demo{text-align: center;}
  div#demo>a{display:inline-block;text-decoration: none;}
  div#demo>a>h4{padding: 5px 8px;margin: 20px;background-color: #225A86;color: #fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15);}
  p#credits{z-index:-1;position: fixed;bottom: 0px;width: 100%;text-align: center;font-size: 14px;}
  p#credits>a{font-weight: bold;color: #999;text-decoration: none;}
  img#github-logo{z-index:-1;position: fixed;bottom: -20px;right: 2%;opacity: 0.4;}

@media(max-width:1199px){
  .anim-slide h1#slider {left: 180px;top: 130px;width: 160px;}
  .anim-slide h2#plugin {left: 70px;top: 220px;width: 400px;}
  .anim-slide h3#license {top: auto;right: 30px;width: 500px;bottom: -10px;}
  .anim-slide.second h3.fade{width: 300px;}
  .anim-slide h4#bounceRight {right: 20px;width: 450px;top:auto;bottom: 0;}
  .anim-slide h4#fadeUp {left: 50px;width: 440px;}
}

@media(max-width:991px){
  .anim-slide h1#slider {left: 130px;top: 150px;width: 120px;}
  .anim-slide h2#plugin {left: 20px;top: 220px;width: 350px;}
  .anim-slider {min-height: 400px;}
  .anim-slide h3#license {width: 350px;right: 0px;}
  .anim-slide h4#fadeUp {top: 160px;}
  #fadeImage {left: 200px;top: 80px;}
  #zoomIn {position: absolute;left: 80px;top: 200px;width: 600px;}
}
@media(max-width:768px){
  .anim-slide-this.first{display: flex;flex-direction: column;align-items: center;padding: 20px 15px 0 15px;}
  .anim-slide h1#slider{position: static;}
  .anim-slide h2#plugin {position: static;margin-top: 10px;}
  .anim-slide h3#license {position: static;width: 300px;}
  .anim-slide.second h3.fade {width: 200px;}
  .anim-slide h4#bounceRight {width: 325px;}
  .anim-slide h4#fadeUp {left: 15px;width: 320px;}
  .anim-slide.second h3#rotate{margin-top: 90px;}
  .anim-slide.second h3#rotate img{width: 200px;}
  .anim-slide img#flipY {left: 0;top: 15px;right: 0;margin: 0 auto;width: 150px;}
  .anim-slide img#rollIn {top: 160px;left: 15px;bottom: auto;z-index: 9;right: 0;margin: 0 auto;width: calc(100% - 30px);}
  .anim-slide #animatecss {top: 100px;right: 0;left: 0;margin: 0 auto;width: 350px;}
  #fadeImage {left: 0;top: 10px;right: 0;margin: 0 auto;width: 150px;}
  #zoomIn {left: 0;top: 90px;width: calc(100% - 40px);right: 0;margin: 0 auto;}
}