p{
margin-bottom: 4px;
}
  
  
 .anim-slide h1 {
    color: #32316c;
    font-size: 40px;
    font-family: arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    /*text-transform: uppercase;*/
    text-align: right;
    float: right;
    padding: 2%;
  }


 
  .anim-slide h1#title_1{width:100%; left:-5%; top:18%;}
  .anim-slide a img#icon1{height:70px;top: 55%; left:5%;}
  .anim-slide a img#icon2{height:70px;top: 55%;left:25%;}
  .anim-slide a img#icon3{height:70px;top: 55%;left:35%;}
  .anim-slide a img#icon4{height:70px;top: 55%; left:55%;}
  .anim-slide a img#icon10{height:70px;top: 55%; left:75%;}
  .anim-slide a img#icon14{height:70px;top: 55%; left:85%;;}

  .anim-slide h1#title_2{width: 100%; left:-5%; top:18%;}
  .anim-slide img#icon5{height: 90px;top:55%;left: 11%;}
  .anim-slide img#icon6{height: 90px;top:55%;left: 10%;}
  .anim-slide img#icon7{height: 90px;top:55%;left: 45%;}
  .anim-slide img#icon8{height: 90px;top:55%;left: 80%;;}

  .anim-slide h1#title_3{width: 100%; left:-5%; top:18%;}
  .anim-slide img#icon9{height: 70px;top:55%;left: 10%;}
  .anim-slide img#icon11{height: 70px;top:55%;left: 34%;}
  .anim-slide img#icon12{height: 70px;top:55%;left: 56%;}
  .anim-slide img#icon13{height: 70px;top:55%;left: 79%;;}
  

@media (max-width:740px){

  .anim-slide h1#title_1{width:100%; left:-5%; top:18%;}
  .anim-slide h1#title_2{width:100%; left:-5%; top:18%;}
  .anim-slide h1#title_3{width:100%; left:-5%; top:18%;}


  .anim-slide img#icon1 {
    height: 49px;
    top: 55%;
    left: 5%;
  }



  .anim-slide a img#icon1{height:50px;top: 55%; left:5%;}
  .anim-slide a img#icon2{height:50px;top: 55%;left:26%;}
  .anim-slide a img#icon3{height:50px;top: 55%;left:36%;}
  .anim-slide a img#icon4{height:50px;top: 55%; left:55%;}
  .anim-slide a img#icon10{height:50px;top: 55%; left:75%;}
  .anim-slide a img#icon14{height:50px;top: 55%; left:85%;;}

  .anim-slide img#icon5{height: 80px;top:55%;left: 10%;}
  .anim-slide img#icon6{height: 80px;top:55%;left: 10%;}
  .anim-slide img#icon7{height: 80px;top:55%;left: 40%;}
  .anim-slide img#icon8{height: 80px;top:55%;left: 70%;;}

  .anim-slide img#icon9{height: 70px;top:55%;left: 10%;}
  .anim-slide img#icon11{height: 70px;top:55%;left: 30%;}
  .anim-slide img#icon12{height: 70px;top:55%;left: 50%;}
  .anim-slide img#icon13{height: 70px;top:55%;left: 75%;;}
	
	.anim-slide h1 {
    color: #32316c;
    font-size: 34px;
    font-family: arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    /*text-transform: uppercase;*/
    text-align: right;
    float: right;
    padding: 2%;
  }
}

@media (max-width:580px){
	
	
	.anim-slide h1#title_1{width:100%; left:-5%; top:50%;}
  .anim-slide h1#title_2{width:100%; left:-5%; top:50%;}
  .anim-slide h1#title_3{width:100%; left:-5%; top:50%;}

	.anim-slide img#icon1 {
    height: 20px;
    top: 55%;
    left: 5%;
  }

	

  .anim-slide a img#icon1{height:24px;top: 70%; left:5%;}
  .anim-slide a img#icon2{height:24px;top: 70%;left:26%;}
  .anim-slide a img#icon3{height:24px;top: 70%;left:36%;}
  .anim-slide a img#icon4{height:24px;top: 70%; left:55%;}
  .anim-slide a img#icon10{height:24px;top: 70%; left:75%;;}
  .anim-slide a img#icon14{height:24px;top: 70%; left:85%;;}


  .anim-slide img#icon6{height: 40px;top:70%;left: 15%;}
  .anim-slide img#icon7{height: 40px;top:70%;left: 42%;}
  .anim-slide img#icon8{height: 40px;top:70%;left: 70%;;}

  .anim-slide img#icon9{height: 30px;top:70%;left: 10%;}
  .anim-slide img#icon11{height: 30px;top:70%;left: 30%;}
  .anim-slide img#icon12{height: 30px;top:70%;left: 50%;}
  .anim-slide img#icon13{height: 30px;top:70%;left: 75%;;}
	
  .anim-slide h1 {
    color: #32316c;
    font-size: 26px;
    font-family: arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    /*text-transform: uppercase;*/
    text-align: right;
    float: right;
    padding: 2%;
  }

}
	
	
}
  

  
  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;}