body {
	/*color: #053C5D !important;*/
	color: #08090a !important;
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	background-color: #87a8bb;
	
}

.row{margin-right: 0px !important;margin-left: 0px !important;}


@media (max-width: 1200px) {.baslik{font-size: 30px;}}
@media (max-width: 990px) {.baslik{font-size: 25px !important;}}
@media (max-width: 1024px) {.serit{margin-top: 92px;} .baslik{font-size: 30px !important;}}
	
.baslik {
	font-size: 40px;
	padding:15px;
	text-align: center;
}
header {
  text-align: center;
  margin: 50px 0 25px;
}

.webbantcol{ 
    background-image: url(bg.png); 
    background-size: contain;
    
}


img {
	display: inline;
	max-width: 100%;
	height: auto;
}

.col {
	/* margin-bottom: 50px; */
	height: 100%;
	padding-bottom:50px;
}

.h1 {
	color: #1d1d1b;
font-family: 'Barlow', sans-serif;	font-weight: 300;
	font-size: 50px;
	text-align: center;
	margin-bottom: 50px;
}

span.title {
	color: #1D1D1B;
font-family: 'Barlow', sans-serif;	font-weight: bold !important;
	font-size: 16px;
	font-weight: 400;
	display: block;
	margin: 10px 0;
}

p {
	color: #1D1D1B;
font-family: 'Barlow', sans-serif;	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
}

.text {
	display: inline-block;
	height: 60px;
}

.cols1 .text { height: auto; }

.download {
font-family: 'Barlow', sans-serif;	font-size: 18px;
	font-weight: 400;
	text-decoration: underline;
	background: #c5161b;
	width: 100%;
	text-decoration: underline;
	padding: 5px;
	color: #fff;
	display: block;
	text-align: center;
}

.download:hover {
	color: #FFFFFF;
}

.downloadGenclik {
font-family: 'Barlow', sans-serif;	font-size: 18px;
	font-weight: 400;
	text-decoration: underline;
	background: #EC2028;
	width: 100%;
	text-decoration: underline;
	padding: 5px;
	color: #fff;
	display: block;
	text-align: center;
}

.downloadGenclik:hover {
	color: #FFFFFF;
}

.anaButton {
font-family: 'Barlow', sans-serif;	font-size: 30px;
	background: #053C5D;
	width: 100%;
	padding: 25px;
	color: #fff;
	display: table;
	text-align: center;
}

.anaButton:hover {
	color: #FFFFFF;
}

.lightbox {
	overflow-x: hidden;
}

.lightbox figure { margin-bottom: 10px; }
.lightbox img { width: 500px; }
.lightbox ul {
	padding-left: 20px;
	list-style-type: disc;
}

.lightbox ul a span {
	font-size: 10px;
}

@media (min-width: 320px) and (max-width: 767px) {
	.col {
		height: auto;
		margin-bottom: 50px;
	}
	.text {
		height: auto;
	}
}
