.social-icons {
    float: right; /* ikonlari saga hizalar */
    margin-left: 10px; /* Copyright yazisiyla arasina bosluk */
    margin-right: 70px; /* Sag kenardan uzaklastirma, isteginize gore artirilabilir */
}

.social-icons a {
    color: #527a7a; /* ikon rengi, isteginize gore degistirin */
    margin: 0 5px; /* ikonlar arasi bosluk */
    font-size: 30px; /* ikon boyutu */
    text-decoration: none; /* Alti cizili link gorunumunu kaldirir */
}

.social-icons a:hover {
    color: #ff8400; /* uzerine gelindiginde renk degisimi, isteginize gore ayarlayin */
}
@charset "utf-8";
/* CSS Document */

/**  Css Reset **/

aside, article, section, header, footer, nav {
	display: block;
}
/*add styles here*/
html, body, div, h1, h2, h3, p, ul, li {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6{font-weight: 100;}
@font-face{
	font-family: myFont;
    src: url(font.ttf);

}

a{
	text-decoration: none;
}
html {
	background-color: #1C1A16;
	height: 100%;
	font-family: myFont;
}
body { 
	font-size: 20px;
	font-family: myFont;
	color:#ffffff
	line-height: 190%; 
	font-weight: 300;
	background-color: #1C1A16; 
	margin :0 auto;
	width: 100%;
	min-width: 960px;
	height: 100%;
	max-height:1200px;
	}


/* Header Styles */

#header {
	height: 15%;
	z-index:1;
	
}
#header p{
	
	
		text-align: left;
		font-size: 40px;
		float:left;
		
		font-weight: bold;

}
#header img{

width: 100%;
height: 100%; 
 position: absolute;
    margin: auto;
    
    left: 0px;
    right: 0px;
    width:100%; 
	height:inherit;
	min-width:960px;

}

/* Main Content */

#mainContent {
	margin: 0 auto;
	width: 98%;
	height:80%;
	float:right;
	z-index:0;
	overflow:hidden;
}
#mainContent .navContent {
	
	width:100%;
	height: 33.33%;

}
#mainContent .navContent img{
		height: 100%;
		width: 100%;
		z-index:1;
}


	
/*  Side Nav */

#sideBar{
	width: 2%;
	height:80%;
	float:left;
	
	}
	
.sideNav1,
.sideNav2{
	
	background-color:rgba(78,36,36,1.00);
	position:relative;
	z-index:1;
	}
.sideNav1{
	height:66.66%;
}
.sideNav2{
	height:33.33%;
}
.navText{
	position: absolute;
    color:#ffffff;
  	font-size:35px;
font-weight: bold;
    line-height:100px;
    text-align: left;
    opacity: 0;
    left: 50px;
	
	}

.sideNavImage{
	
	float:left;
}
.sideNavImage img
{
	position:absolute;
	width:100%;
	height:100%;
	z-index:3;
}

.sideNavContent1,
.sideNavContent2
{
	position:absolute;
	background-color:rgba(78,36,36,1.00);
	height:100%;
	float:right;
	z-index:2;
	display:none;
	overflow:hidden;
}
.sideNavContent1 p{
font-size : 13px;
color : white;

}

.sideNavContent2 p{
font-size : 15px;
color : white;

}

#footer{
	text-align:center;
	clear:both;
	z-index:1;
	height: 5%;
	}	
.cover{
	color:rgba(43,5,231,1.00);
	position:inherit;
	opacity : 0;
	display: block;
    margin-left: auto;
    margin-right: auto 
	
	}
.anan{
position:inherit;
 display: block;
    margin-left: auto;
    margin-right: auto ;
	opacity:0;
	font-size:45px;
	color:#000000
	
}
.baban{
position:inherit;
 display: block;
    margin-left: auto;
    margin-right: auto 
}