@import 'https://fonts.googleapis.com/css?family=Gentium+Book+Basic&subset=latin-ext';
 
 
 
 @media (min-width: 1000px)
{
	.anim-slide buyuk{font-size: 85px;line-height:85px;text-align:left;  }
.anim-slide buyukce{font-size:110px;line-height:110px;text-align:left;}
  .anim-slide kucuk{font-size: 48px;line-height:48px;text-align:left;}
  #S3Satir1{bottom:360px;left:10%;}

}
@media (max-width: 999px)
{
.anim-slide buyuk{font-size: 30px; line-height:30px; text-align:left;font-weight:bold;}
.anim-slide buyukce{font-size:40px;line-height:40px;text-align:left;font-weight:bold;}

.anim-slide kucuk{font-size: 20px;line-height:20px;text-align:left;}

#S3Satir1{bottom:400px;left:10%;}
}
 
 
 .anim-slide buyuk
  {
    color:#fff;
    font-weight:normal;
  }
  
  .anim-slide buyukce
  {
    color:#fff;
    font-weight:normal;

  }
  
  .anim-slide kucuk
  {
    color: #fff;
    font-weight:normal;

  }
  .anim-slide h3
  {
    color: #fff;
    font-size: 30px;
  }
  .anim-slide h4
  {
    color: #fff;
    font-size: 25px;
  }
  .anim-slide h1#slider{text-shadow: -1px 1px 0px;padding: 6px;width:100%;}
  .anim-slide h2#plugin{ width:100%;top: 22%;}
  .anim-slide h3#license{width:100%;top: 37%;}
  .anim-slide h4#version{width: 100%;top: 50%;}

#S1Satir1{bottom:270px;left:10%;}
#S1Satir2{bottom:210px;left:10%;}
#S1Satir3{bottom:140px;left:10%;}
#S1Satir4{bottom:90px;left:10%;}


#S2Satir1{bottom:270px;left:10%;}
#S2Satir2{bottom:210px;left:10%;}
#S2Satir3{bottom:140px;left:10%;}
#S2Satir4{bottom:90px;left:10%;}


#S3Satir2{bottom:380px;left:20%;}
#S3Satir3{bottom:330px;left:20%;}
#S3Satir4{bottom:270px;left:20%;}
#S3Satir5{bottom:210px;left:20%;}


#S4Satir1{bottom:270px;left:10%;}
#S4Satir2{bottom:210px;left:10%;}
#S4Satir3{bottom:140px;left:10%;}
#S4Satir4{bottom:90px;left:10%;}


  .anim-slide #todo{top: 0%;left: 20%;}
  .anim-slide h3#bounce{top: 15%;left: 49%;}
  .anim-slide h4#bounceUp{top: 15%;left: 60%;}
  .anim-slide h4#bounceRight{top: 15%;left: 75%;}
  .anim-slide h3#fade{top:31%;left: 20%;}
  .anim-slide h4#fadeDown{top: 43%;left: 28%;}
  .anim-slide h4#fadeUp{top: 31%;left: 28%;}
  .anim-slide h3#rotate{top: 50%;left: 49%;}
  .anim-slide h4#rotateRight{top: 50%;left: 61%;}
  .anim-slide h4#rotateLeft{top: 50%;left: 80%;}

  .anim-slide img#css3{left: 35%;top: 4%;}
  .anim-slide img#html5{left: 52%;top: -1%;}
  .anim-slide img#jquery{top: 60%;left: 41%;}
  .anim-slide img#modernizr{width:260px;top: 75%;left: 20%;}
  .anim-slide h2#animatecss{top: 69%;left: 60%;color: #f35626;}
  
  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;}
  

        .slideBg{
		        background-repeat:no-repeat;background-position:top center;
		        background-size:cover;}

.slideMetin {
color:#fff;font-weight:bold;padding:20px 10px;background:rgba(0,0,0,0.7);line-height:1;}


.slidekonum {
color:#fff;font-weight:bold; 
background-position:top center;background-repeat:no-repeat;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

        
		        #solKaplama{position:absolute;top:0;left:0;
		                    background-image:url(../images/slideMetinBg.png);
		                    background-repeat:no-repeat;
		                    background-position:right bottom;
		                    height:100%;width:70%;}