@charset "utf-8";
/* CSS Document */

/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}


html,
body {
  background-color: #000000;
  height: 100%;
  font-size: 100%;
  width: 100%;
}


body{
margin:0;
padding:0;
color: #ffffff;
background: url(images/resim.jpg) center top no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
font-family: 'Playfair Display', serif;
display: block;
text-align: center;
}




.header{
	width: 80%;
	margin: 0 10%;
	float: left;
	padding-top: 110px;
}

.logo{
	display: block;
	margin-bottom: 50px;
}
.logo img
{
	width:28%;
	height:auto;
}

.logo h1{
	font-size: 50px;
	text-transform: uppercase;
}


.main_content{
	width: 80%;
	margin: 0 10%;
	float: left;
}

.promise{
	font-family: 'Playfair Display', serif;
	line-height: 32px;
	font-size: 16px;
	letter-spacing: normal;
	text-transform: none;
	font-weight: normal;
}

.promise span{
	display: block;
	font-size: 20px;
}


.promise i{
	font-size: 18px;
}

.promise-small{
	display: none;
}

.promise-smallest{
	display: none;
}



h2{
	font-size: 18px;
	font-style: italic;
	text-align: center;
	margin-bottom: 20px;
}
.renk
{
	color:#cdc00c;
}

p{
	margin-bottom: 15px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 300;
	font-size: 20px;
}

ul.social{
	text-align: center;
}

ul.social li{
	display: inline;
	margin: 0 5px;
}

ul.social li a{
	font-size: 30px;
	color: #fff;
	opacity: 0.8;
}

ul.social li a:hover{
	opacity: 1.0;
}



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

.header{
	width: 80%;
	margin: 0 10%;
	float: left;
	padding-top: 70px;
} 

.logo{
	display: block;
	margin-bottom: 40px;
}

.promise{
	display: none;
}

.promise-small{
	display: inherit;
	font-family: 'Playfair Display', serif;
	line-height: 32px;
	font-size: 16px;
	letter-spacing: normal;
	text-transform: none;
	font-weight: normal;
}

.promise-small span{
	display: block;
	font-size: 20px;
}


.promise-small i{
	font-size: 18px;
}





}



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


.header{
	width: 80%;
	margin: 0 10%;
	float: left;
	padding-top: 40px;
}

.logo{
	display: block;
	margin-bottom: 50px;
}
.logo img
{
	width:60%;
	height:auto;
}

.logo h1{
	font-size: 30px;
	text-transform: uppercase;
}

.promise-small{
	display: none;
}

.promise-smallest{
	display: inherit;
	font-family: 'Playfair Display', serif;
	line-height: 32px;
	font-size: 18px;
	letter-spacing: normal;
	text-transform: none;
	font-weight: normal;
}

.info{
	display: none;
}

}