.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
}



/*************** ÖZEL YAZDIKLARIM **************/


#muhur {
	position: relative;
	width: 35%;
	max-width: 88px;
	min-width: 40px;
	margin:auto;
	height: 88px;
	border: none;
	margin-top:2%;
}



#muhur img {
	position: relative;
	width: 100%;
	max-width: 1400px;
	min-width: 40px;
	height: 88px;
}

#x1 {
	max-width: 1400px;
	min-width: 40px;
	font-size: 20px;
	line-height: 32px;
	margin:auto;
	margin-left:24%;

	margin-top:6%;
	position: relative;
	font-weight: 300;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
}

#bolum {
	position: relative;
	width: 100%;
	max-width: 1400px;
	min-width: 640px;
	margin: 50px auto;
	height: auto;
}


/***** İçerik Bölümü *******/

.vucut {
	
		position: relative;
	width: 70%;
	max-width: 1400px;
	min-width: 640px;
	margin: 20px auto;
	height: auto;
	background:#fff;
	/*border: 5px solid rgba(218, 197, 1, 0.5);*/
	border-top-left-radius:3.5%;
	-webkit-border-top-left-radius:3.5%;
	-moz-border-top-left-radius:3.5%;
	-o-border-top-left-radius:3.5%;
	border-top-right-radius:3.5%;
	-webkit-border-top-right-radius:3.5%;
	-moz-border-top-right-radius:3.5%;
	-o-border-top-right-radius:3.5%;
	border-bottom-left-radius:3.5%;
	-webkit-border-bottom-left-radius:3.5%;
	-moz-border-bottom-left-radius:3.5%;
	-o-border-bottom-left-radius:3.5%;
	border-bottom-right-radius:3.5%;
	-webkit-border-bottom-right-radius:3.5%;
	-moz-border-bottom-right-radius:3.5%;
	-o-border-bottom-right-radius:3.5%;
	
	box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5), -2px 3px 3px rgba(0, 0, 0, 0.5) ;
	-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5), -2px 3px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
	khtml-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
	background-image: url(file:///C|/Users/miri/Desktop/kutsal/images/1.png);
	background-size:100%;

	
}



#icbaslik {
	position: relative;
	width: 70%;
	max-width: 700px;
	min-width: 40px;
	margin:auto;
	height: 300px;
	border: none;
	margin-top:20%;
	margin-bottom:1%;
}

#icbaslik img {
	position: relative;
	width: 100%;
	max-width: 1400px;
	min-width: 40px;
	height: 320px;
}


#icbaslik2 {
	position: relative;
	width: 70%;
	max-width: 700px;
	min-width: 40px;
	margin:auto;
	height: 300px;
	border: none;
	margin-top:10%;
	margin-bottom:5%;
}

#icbaslik2 img {
	position: relative;
	width: 100%;
	max-width: 1400px;
	min-width: 40px;
	height: 320px;
}


#ayet {
	
		position: relative;
	width:65%;
	max-width: 1400px;
	min-width: 340px;
	margin: 20px auto;
	height: auto;
/*background:#fff;*/
border: 5px solid rgba(218, 197, 1, 0.5);
	border-radius:30px;
	
	box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5), -2px 3px 3px rgba(0, 0, 0, 0.5) ;
	-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5), -2px 3px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5), -2px 3px 3px rgba(0, 0, 0, 0.5) ;
	-o-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5), -2px 3px 3px rgba(0, 0, 0, 0.5);
}

#ayet p{
	
	font-family:;
	font-size:21px;
		position: relative;
	max-width: 1400px;
	min-width: 340px;
	height: auto;
	background:#fff;
	
	text-shadow: 0px 1px 0.5px #000 ;
	-webkit-text-shadow: 0px 1px 0.5px #000;
	-moz-text-shadow: 0px 1px 0.5px #000;
	-o-text-shadow: 0px 1px 0.5px #000;
	khtml-text-shadow: 0px 1px 3px #000;
}

#ayet p b{
	
	color:#9f5200;
}

#ayet p strong{
	
	color:#000;
}


#footer {
	position: relative;
	width: 70%;
	max-width: 700px;
	min-width: 40px;
	margin:auto;
	height: 130px;
	border: none;
	margin-top:0%;
	margin-bottom:2%;
}

#footer img {
	position: relative;
	width: 100%;
	max-width: 1400px;
	min-width: 40px;
	height: 130px;
}