@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700;900&display=swap');

body {
	margin:0;
	padding:0;
	background-image:url('bg.jpg');
	background-size:cover;
	background-position:top;
	background-repeat:no-repeat;
	height:100vh;
	overflow:hidden;
}

.logo {
	width:200px;
	margin:0 auto;
	margin-top:40px;
}

.logo img {
	width:200px;
}

.name {
	width:100%;
	text-align:center;
	margin-top:30px;
	font-family: 'Red Hat Display', sans-serif;
	font-weight:700;
	font-size:2.6rem;
	color:#001D26;
}

.name span {
	font-weight:400;
	color:#AAAFAF;
	font-size:2rem;
}

.yapim-asamasinda {
	font-family: font-family: 'Cormorant Garamond', serif;;
	font-size:1.6rem;
	color:#001D26;
	font-weight:700;
	text-align:center;
	margin-top:40px;
	width:100%;
}

.yapim-asamasinda-2 {
	font-family: 'Cormorant Garamond', serif;
	font-size:1.2rem;
	color:#001D26;
	font-weight:600;
	text-align:center;
	margin-top:8px;
	width:100%;
}

.web {
	position:absolute;
	bottom:40px;
	font-family: 'Cormorant Garamond', serif;
	font-weight:700;
	letter-spacing:3px;
	width:100%;
	text-align:center;
	font-size:1rem;
	color:#AAAFAF;
}

.ara-cizgi {
	width:50px;
	height:2px;
	background:#36A9E1;
	margin:0 auto;
	margin-top:30px;
	position:relative;
}

.ara-cizgi:before {
	content:"";
	position:absolute;
	left:-50px;
	top:0;
	height:2px;
	width:50px;
	background:#951B81;
}

.ara-cizgi:after {
	content:"";
	position:absolute;
	right:-50px;
	top:0;
	height:2px;
	width:50px;
	background:#F9B233;
}

.iletisim {
	font-family: 'Roboto', sans-serif;
	font-size:0.9rem;
	text-align:center;
	margin-top:30px;
	color:#3C3C3B;
}

.iletisim p {
	line-height:1.5em;
}

.iletisim p a {
	color:#3C3C3B;
	transition:0.3s;
}

.iletisim p a:hover {
	opacity:0.7;
}

.mobile {
	display:none;
}

@media (max-width:767px) {
	.logo {
		width:140px;
		margin-top:40px;
	}
	
	.logo img {
		width:140px;
	}
	
	.yapim-asamasinda {
		font-size:1.6rem;
	}
	
	.yapim-asamasinda-2 {
		font-size:1.2rem;
	}
	
	.mobile {
		display:block;
	}
}