body{
    background: url(images/back.png) no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
	
	
	font-family: 'Orbitron', sans-serif;
   }
.hidden{
	visibility: hidden;}
.blok {
    width: 100%;;
    height: 340px;
margin-top:40px;
    margin: auto;
}





.site, .proje, .video {
	float:left;margin-right:40px;
	position:relative;
	margin-bottom:40px;width:33%;
	
}

.baslik{
	
	color:#fff;margin:auto;text-align: center; 
	width:340px;height:120px;vertical-align: middle;margin-top:100px;

}
.info{
	
	color:#fff;margin:auto;text-align: center; 
	width:240px;

}

br{margin-bottom:2px;}

@media only screen and (max-width: 900px) {
    body {
       width:100%;
		height:auto;
    }
	
	
	.site, .proje, .video{width:100% !important;}
	.site h3,.proje h3, .video h3{left:40px !important;}
	
		.blok{width:95%;margin:0;}
	.baslik{height:40px;margin-top:10px;}
}

.site{background:url("images/site.png") no-repeat center center; background-size: cover;border-radius:18px;
width:30%;height:250px;cursor:pointer;transition: .5s ease;    box-shadow: 6px 16px 22px 2px   #000;
}

.site:hover{background:url("images/site1.png") no-repeat center center;background-size: cover; transition: .5s ease;  
	}

.site h3 {
    position: absolute;
    font-size: 35px;
    top: 30%;
    font-weight: bold;
    text-align: -webkit-center;
    left: 120px;
}


.video{background:url("images/site.png") no-repeat center center; background-size: cover;border-radius:18px;
width:30%;height:250px;cursor:pointer;transition: .5s ease;    box-shadow: 6px 16px 22px 2px   #000;
}

.video:hover{background:url("images/site1.png") no-repeat center center; background-size: cover;transition: .5s ease;  
	}

.video h3 {
    position: absolute;
    font-size: 35px;
    top: 30%;
    font-weight: bold;
    text-align: -webkit-center;
    left: 120px;
}

.proje{background:url("images/site.png") no-repeat center center; background-size: cover;border-radius:18px;
width:30%;height:250px;cursor:pointer;transition: .5s ease;    box-shadow: 6px 16px 22px 2px   #000;
}

.proje:hover{background:url("images/site1.png") no-repeat center center; background-size: cover;transition: .5s ease;  
	}
.proje h3 {
    position: absolute;
    font-size: 35px;
    top: 30%;
    font-weight: bold;
    left: 120px;
}

a{color:#000;}

span{
	position:absolute;top:30%;font-size:30px;left:20px;width:40%;}