@media screen and (min-width : 960px) {
.yokm{display:none;}

html { 
	  background: url(../_images/bg.jpg) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		}
		center {font-size: 30px;color: #fff;font-family: arial;}
		center a {font-size: 20px;color: #fff;text-decoration: none;display: -webkit-inline-box;margin-top: 22px;background-color: rgba(0, 0, 0, 0.31);padding: 13px;}
	

#content {width:480px;
margin-right:auto;
margin-left:auto;}
#content a {font-size:18px;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
color:#272727;}

#content ul li {
    margin-top: 10px;
    font-size: 24px;
}
h1 {font-size:24px;
font-weight:bold;
}
.ikon-1 {
   
	background-image:url(../_images/icon-1.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:130px;
	padding-top:50px;
	padding-bottom:50px;
	margin-top: 20px;
	}
	
	.ikon-2 {


   
	background-image:url(../_images/icon-2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:30px;
	margin-top: 80px;
	}
	
		.ikon-3 {


   
	background-image:url(../_images/icon-3.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}
	
		.ikon-4 {


   
	background-image:url(../_images/icon-4.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:30px;
	margin-top: 80px;
	}
	
		.ikon-5 {


   
	background-image:url(../_images/icon-5.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:30px;
	margin-top: 80px;
	}
	
	.ikon-6 {


   
	background-image:url(../_images/icon-6.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:30px;
	margin-top: 80px;
	}
	
}


@media screen and (min-width : 320px) and (max-width : 479px) {
	.yok {display:none;}

	html { 
	  background: url(../_images/bg.jpg) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		}
		center {font-size: 30px;color: #fff;font-family: arial;}
		center a {font-size: 20px;color: #fff;text-decoration: none;display: -webkit-inline-box;margin-top: 22px;background-color: rgba(0, 0, 0, 0.31);padding: 13px;}
	

#content {width:400px;
margin-right:auto;
margin-left:auto;}
#content a {font-size:18px;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
color:#272727;}

#content ul li {margin-top:10px;
}
h1 {font-size:25px;
font-weight:bold;
}
.ikon-1 {
   
	background-image:url(../_images/icon-1.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:130px;
	padding-top:50px;
	padding-bottom:50px;
	margin-top: 20px;
	}
	
	.ikon-2 {


   
	background-image:url(../_images/icon-2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}
	
		.ikon-3 {


   
	background-image:url(../_images/icon-3.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}
	
		.ikon-4 {


   
	background-image:url(../_images/icon-4.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}
}

@media screen and (min-width : 480px) and (max-width : 639px) {
.yok {display:none;}


html { 
	  background: url(../_images/bg.jpg) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		}
		center {font-size: 30px;color: #fff;font-family: arial;}
		center a {font-size: 20px;color: #fff;text-decoration: none;display: -webkit-inline-box;margin-top: 22px;background-color: rgba(0, 0, 0, 0.31);padding: 13px;}
	

#content {width:480px;
margin-right:auto;
margin-left:auto;}
#content a {font-size:18px;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
color:#272727;}

#content ul li {margin-top:10px;
}
h1 {font-size:25px;
font-weight:bold;
}
.ikon-1 {
   
	background-image:url(../_images/icon-1.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:130px;
	padding-top:50px;
	padding-bottom:50px;
	margin-top: 20px;
	}
	
	.ikon-2 {


   
	background-image:url(../_images/icon-2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}
	
		.ikon-3 {


   
	background-image:url(../_images/icon-3.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}
	
		.ikon-4 {


   
	background-image:url(../_images/icon-4.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}

}

@media screen and (min-width : 640px) and (max-width : 719px) {
.yok {display:none;}

html { 
	  background: url(../_images/bg.jpg) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		}
		center {font-size: 30px;color: #fff;font-family: arial;}
		center a {font-size: 20px;color: #fff;text-decoration: none;display: -webkit-inline-box;margin-top: 22px;background-color: rgba(0, 0, 0, 0.31);padding: 13px;}
	

#content {width:480px;
margin-right:auto;
margin-left:auto;}
#content a {font-size:18px;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
color:#272727;}

#content ul li {margin-top:10px;
}
h1 {font-size:25px;
font-weight:bold;
}
.ikon-1 {
   
	background-image:url(../_images/icon-1.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:130px;
	padding-top:50px;
	padding-bottom:50px;
	margin-top: 20px;
	}
	
	.ikon-2 {


   
	background-image:url(../_images/icon-2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}
	
		.ikon-3 {


   
	background-image:url(../_images/icon-3.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}
	
		.ikon-4 {


   
	background-image:url(../_images/icon-4.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}
}
	
@media screen and (min-width : 720px) and (max-width : 959px) {
.yok {display:none;}


html { 
	  background: url(../_images/bg.jpg) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		}
		center {font-size: 30px;color: #fff;font-family: arial;}
		center a {font-size: 20px;color: #fff;text-decoration: none;display: -webkit-inline-box;margin-top: 22px;background-color: rgba(0, 0, 0, 0.31);padding: 13px;}
	

#content {width:480px;
margin-right:auto;
margin-left:auto;}
#content a {font-size:18px;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
color:#272727;}

#content ul li {margin-top:10px;
}
h1 {font-size:25px;
font-weight:bold;
}
.ikon-1 {
   
	background-image:url(../_images/icon-1.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:130px;
	padding-top:50px;
	padding-bottom:50px;
	margin-top: 20px;
	}
	
	.ikon-2 {


   
	background-image:url(../_images/icon-2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}
	
		.ikon-3 {


   
	background-image:url(../_images/icon-3.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}
	
		.ikon-4 {


   
	background-image:url(../_images/icon-4.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:100px;
	padding-top:40px;
	padding-bottom:40px;
	margin-top: 80px;
	}

	 }