.mobil{
	display: none;
}
body{
	margin: 0 auto;
	background-color: #121212;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}.left{
	width: 50%;
	float: left;
	background-color: transparent;
	height: 100vh;
	display: flex;
}
.right{
	width: 50%;
	float: right;
	background-color: #;
	height: 100vh;
	display: flex;
}
.name{
	font-family: montserrat;
	font-size: 4vw;
	text-align: right;
	/* color: #ad80e8;*/
	padding-top: auto;
	margin: auto 23vw;
	display: block;
	padding: 0;

}
.name span{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
	-o-transition: color .5s ease-out;
	transition: color .5s ease-out;
	color: #848a91;
}
.name h1{
	line-height: .8;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
	-o-transition: color .5s ease-out;
	transition: color .5s ease-out;

}
.name h1:hover span{
	cursor: pointer;	
	color: #b7babd!important;
}
/*
.name h1:hover #a{
	color: #737373!important;
}
.name h1:hover #b{
	color: #545454!important;
}
.name h1:hover #c{
	color: #383838!important;
}
*/
.r-icerik{
	height: auto;
	margin: auto 2vw;
	font-family: poppins;
}
.r-icerik a{
	color:#545454 ;
	font-weight: 300;
}
.r-icerik p{
	font-size: 1vw;
	color: #545454;
	height: 1vh;
	margin-top: -1vh;
}
.r-icerik h3{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	color: #545454;
	font-size: 1vw;
	font-weight: 600;

}
.r-icerik .cizgi{
	width: 6vw;
	background-color: #7370d4;
	height: .4vw;
	border-radius: 1vh;
}
.social{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}
.social a{
	color: #545454;
	font-size: 1vw;
	margin-right: .1vw;
}
#mail{
	-webkit-transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
	-o-transition: color .5s ease-out;
	transition: color .5s ease-out;
}
#mail:hover{
	color: #bfa021;
}
#instagram{
	-webkit-transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
	-o-transition: color .5s ease-out;
	transition: color .5s ease-out;
}
#instagram:hover{
	color: #ff3a7f;
}
#twitter{
-webkit-transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
	-o-transition: color .5s ease-out;
	transition: color .5s ease-out;
}
#twitter:hover{
	color: #1c96e8;
}
.footer{
	position: absolute;
	bottom: 0;
	color: #202020;
	font-size: .75vw;
	font-family: poppins;
	font-weight: 400;
	text-align: center;
	width: 100%;
}
.footer span{
	text-align: center;
	width: 100%;
}

@media  (max-width: 600px) {
	.footer{
		font-size: 2vw;
	}
	.left{
		width: 100%;
		float: none;
		background-color: ;
		height: 50vh;
		display: flex;
	}
	.name{
		font-family: 'montserrat';
		font-size: 8vw;
		text-align: left;
		/* color: #ad80e8;*/
		padding-top: auto;
		margin: 20vh 10vw;
		display: block;
		padding: 0;

	}
	.right{
		width: 100%;
		float: none;
		background-color: #;
		height: 50vh;
		display: flex;
	}
	.r-icerik{
		height: auto;
		margin: 0 10vw;
		font-family: poppins;
	}
	.r-icerik a{
		color:#545454 ;
		font-weight: 300;
	}
	.r-icerik p{
		font-size: 3vw;
		color: #545454;
		height: 1vh;
	}
	.r-icerik h3{
		color: #202020;
		font-size: 3vw;
		font-weight: 600;

	}
	.r-icerik .cizgi{
		width: 20vw;
		height: .8vw;
		border-radius: 1vh;
	}
	.social a{
		color: #545454;
		font-size: 3vw;
		margin-right: .1vw;
	}
}
@media (min-width: 600px) and (max-width: 1200px) {
	.footer{
		font-size: 1.5vw;
	}
	.left{
		width: 50%;
		float: left;
		background-color: ;
		height: 100vh;
		display: flex;
	}
	.name{
		font-family: montserrat;
		font-size: 6vw;
		text-align: right;
		/* color: #ad80e8;*/
		margin: auto 8vw;
		display: block;
		padding: 0;

	}
	.right{
		width: 50%;
		float: right;
		background-color: #;
		height: 100vh;
		display: flex;
	}
	.r-icerik{
		height: auto;
		margin: auto 2vw;
		font-family: poppins;
	}
	.r-icerik a{
		color:#545454 ;
		font-weight: 300;
	}
	.r-icerik p{
		font-size: 2vw;
		color: #545454;
		height: 1vh;
	}
	.r-icerik h3{
		color: #202020;
		font-size: 2vw;
		font-weight: 600;

	}
	.r-icerik .cizgi{
		width: 10vw;
		height: .6vw;
		border-radius: 1vh;
	}
	.social a{
		color: #545454;
		font-size: 2vw;
		margin-right: .1vw;
	}
}