.logolarbg{background: url(../images/logo-arkaplan.jpg) no-repeat;background-size: 100%;position: relative;background-position-y: 26%;}
.logolarbg:before{position: absolute;content: '';width: 100%;height: 100%;background: rgba(255, 255, 255, 0.7);}
.logolar .img-wrap {width: 100% !important;height: 100%!important;}
.logolar .img-wrap img{width: 100%; height: 100%; object-fit: cover; object-position: center center;}

.logolar h1.baslik {width: 100%;height: auto;margin-top: 0px;margin-bottom: 0px;font-size: 30px;font-weight: 400;position: relative;text-transform: uppercase;}
.logolar h1.baslik:after {background: #0a4295;content: ""; display: block; margin-bottom: 0px; margin-top: 15px; margin-left: auto; margin-right: auto; height: 4px; width: 60px;} 
.logolar h2.baslik2 {color:#000;font-size:2.4rem;font-weight: 500;}
.logolar p {color:#000;font-weight: 300;font-size: 15px;line-height: 28px;padding: 5px 0px;}

.logolar h1:after {background: #0a4295; content: ""; display: block; margin-bottom: 0px; margin-top: 15px; margin-left: auto; margin-right: auto; height: 4px; width: 60px; } 
.logolarbg .logolar .image:hover{background:white!important;transition: 0.5s;}

.logolarbg .toplam{padding: 100px 0px;}

@media(max-width: 1024px){
	.logolar p {padding: 5px 5px;}
	.logolarbg {background-size: cover!important;}
	.logolarbg .logolar .resim img{z-index: 1;}
	.logolarbg:before {background: transparent!important;z-index: -1} 
	.logolar .resim {z-index: 1;background: white;width: 250px;margin: 0 auto;height: 130px;margin-top: 20px;zoom: 85%;}
	.logolar h1.baslik {font-size: 25px!important;padding: 20px 0 0 0;background: white;} 
	.logolarbg .toplam{padding: 30px 0px;}

}