body{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	line-height: 2;
	

}


#nav a{ 
	color: #9C9C9C;
}

#navbarNav ul li a:hover { 
	color: green;
	transition:.5s ease;
	font-size: 16px;
	text-shadow: 1px 1px;	
}

#fot a:hover { 
	dtransition: .5s;
	font-size: 16px;
	text-shadow: 1px 1px;
	color: green;	

}

.cback{
	background-color: black;
}
.fb{

	line-height: 16px;
	color: #DC3545;
}

@media only screen and (max-width: 576px) {

	html, body,
	.row, .d-flex {

		font-family: 'Lato', sans-serif;
		font-size: 12px;

	}
	
	.col {
		text-align: center;
	}

	.what i{
		margin-left: 15px;
		
	}
	.ins i{
		margin-left: 15px;
		
	}
	.face i{
		margin-left: 15px;
		
	}
	.twitter i{
		margin-left: 15px;

	}
	.youtobe i{
		margin-left: 15px;

		
	}
	#logo a{
		margin-left: 25px;
	}
	.ikon{
		margin-left: auto;
		margin-right: auto;
		font-size: 15px;
	}
	.f{
		font-size: 20px;
	}

	.fb{
		font-size: 10px;
		line-height: 10px;
		
	}

	.margin {
		margin-top: -90px;
	}
	
	#pence{
		background-image: url('../img/pence.png');
		background-repeat: no-repeat;
		background-size: 350px;
		background-attachment: scroll;
		background-position: bottom;

	}

	.resim {
		opacity: 0.1;

	}
	.resim img{

		width: 300px;
	}

	.yazi{
		position: absolute;
		top:0px;
		color: black;
		left: 0px;

		font-weight: bold;

	}
	

}
@media only screen and (min-width: 576px) {

	html, body,
	.row, .d-flex {

		font-family: 'Lato', sans-serif;
		font-size: 13px;

	}
	
	.col {
		text-align: center;
	}
	.fight{
		margin-bottom: -140px;
	}

	.what i{
		margin-left: 15px;
		
	}
	.ins i{
		margin-left: 15px;
		
	}
	.face i{
		margin-left: 15px;
		
	}
	.twitter i{
		margin-left: 15px;
	}

	.youtobe i{
		margin-left: 15px;
	}

	.margin {
		margin-top: -140px;
	}
	.fb{
		font-size: 10px;
		line-height: 9px;
	}
	.resim {
		opacity: 0.2;

	}
	.resim img{

		width: 300px;
	}

	.yazi{
		position: absolute;
		top:8px;
		color: black;
        font-size: 12px;
	}


}
@media only screen and (min-width: 996px) {

	html, body,
	.row, .d-flex {

		font-family: 'Lato', sans-serif;
		font-size: 14px;

	}

	.margin {
		margin-top: 0px;
	}
	.fb{
		font-size: 11px;
		line-height: 11px;
	}
	.yazi{
		font-size: 14px;

	}


}
@media only screen and (min-width: 1200px) {

	html, body,
	.row, .d-flex {

		font-family: 'Lato', sans-serif;
		font-size: 15px;

	}
	.fb{
		font-size: 15px;
		line-height: 14px;
	}
	#pence{
		background-image: url('../img/pence.png');
		background-repeat: no-repeat;
		background-size: 520px;
		background-attachment: scroll;
		background-position: right;

	}


	.resim {
		opacity: 0.2;

	}
	.resim img{

		width: 300px;
	}

	.yazi{
		position: absolute;
		top:8px;
		color: black;
		font-size: 15px;

	}
	.yaziright{
		position: absolute;
		top:88px;
		color: black;
		left: 0px;

	}


}


/*ScrollBar*/

::-webkit-scrollbar {
	width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555; 
}


/*Form*/


.form-group input{
	background-color: #E0E0E0;

}


/*İKON*/

.face{
	color: #4267B2;
}
.youtobe{
	color: red;
}

.face:hover{
	font-size: 25px;
	transition: 0.5s;
}

.what:hover{
	font-size: 25px;
	transition: 0.5s;
}
.ins:hover{
	font-size: 25px;
	transition: 0.5s;
}
.twitter:hover{
	font-size: 25px;
	transition: 0.5s;
}

.youtobe:hover{
	font-size: 25px;
	transition: 0.5s;
	color: red;
}

.signup-section {
	padding: 2rem 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(22, 22, 22, 0.1)), color-stop(75%, rgba(22, 22, 22, 0.5)), to(#161616)), url("../img/bg-signup.jpg");
	background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url("../img/bg-signup.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}

.signup-section .form-inline input {
	-webkit-box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
	padding: 1.25rem 2rem;
	height: auto;
	font-family: 'Varela Round';
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
	border: 0;
}




/*ARŞİV BUTON*/

#arsiv button:hover{
	height: 50px;
	background-color: #DC3545;
	transition:.5s;
	
}
#arsiv button{
	background-color: #343A40;
}
/*ARŞİV BUTON*/
/*Pençe*/



#pencered{
	background-image: url('../img/pencered.png');
	background-repeat: no-repeat;
	background-size: 1120px;
	background-attachment: scroll;
	background-position: left;
}

/*Pençe*/

.card{
	border-radius: 15px;
}

.saat ul li{
	list-style: none;
}

.aylik{
	font-size: 26px;
}


.backtotop{
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 200;
}

.cover {
	height: 100%;
}
.cover img{
	height: 300px;
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: top;
}