body {
	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;
	font-family: 'Open Sans', sans-serif;
	font-size:80%;
}

.kln{font-weight:bold}

.card {padding:5px!important;

}

.card img {width:100%; max-height:220px; min-height:220px;}
  
@media only screen and (max-width: 1200px) {
	.container{min-width:95%!important;}
	.card img {width:100%; max-height:200px; min-height:200px;}
}

@media only screen and (max-width: 992px) {
	.container{min-width:95%!important;}
	.card img {width:100%; max-height:160px; min-height:160px;}

	
	}
	
@media only screen and (max-width: 780px) {
	.container{min-width:95%!important;}
	.card img {width:100%; max-height:120px; min-height:120px;}
	}
	

@media only screen and (max-width: 574px) {
	.container{min-width:100%!important;}
	.card img {width:100%; max-height:100%; min-height:100%;}
	#myslide {display:none}
	}

@media only screen and (max-width: 300px) {
	.container{min-width:100%!important;}

	}


.uzunyazi {
	overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   line-height: 16px;     /* fallback */
	   height: 32px;      /* fallback */
	   -webkit-line-clamp: 2; /* number of lines to show */
	   -webkit-box-orient: vertical;
   }
   
   .nav-link {color:#fff!important;}
   .nav-item.active {background:#006666;}
   .nav-link:hover {background:#009999;}
   .navbar-brand {color:#fff!important;}

   .container {background:#fff;}
   
   .carousel-item{max-height:360px}
   .carousel-inner {max-height:360px}
   
   
   
#myBtn {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99;
	font-size: 12px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	padding:5px 10px 5px 10px ;
	border-radius: 4px;
}

#myBtn:hover {
	background-color: black;
}