body {
	color:#b7ae85;
	background-color:#34373c;
	font-size:1.2em;
	font-family:Chilanka-Regular;
	text-align:center;
}

 h1	{
 	display:block;
	background:url('kabukia.png') 330px 245px no-repeat;
	width: 933px;
	height: 373px;
	font-size:0;
	margin:30% auto 0;
}

h1:before {
	display: block;
	height: 815px;
	width: 1005px;
	background: url(design.png) no-repeat;
	content: '&nbsp';
	position: relative;
	top:-434px;
	left: -400px;
	z-index: -1;
}

h2 {
	font-weight: normal;
}

footer {	
	background-color: #51565e;
    height: 3em;
    bottom: 0px;
    position: fixed;
    width: 100%;
    padding: 1em;
}

ul {
	list-style: none;
}

li {
	font-size: 1.2em;
}

a:before {
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '';
}

a:link {
	color:#b7ae85;
	padding: 15px 23px;
}

a.insta {
	background: url('insta.png') 0 8px no-repeat;

}

a.mail {
	background: url('mail.png') 0 8px no-repeat;

}

@font-face {
  font-family: 'Chilanka-Regular';
    src:  url('Chilanka-Regular.ttf.woff') format('woff'),
    url('Chilanka-Regular.ttf.svg#Chilanka-Regular') format('svg'),
    url('Chilanka-Regular.ttf.eot'),
    url('Chilanka-Regular.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}.examplefontl {
  font-family: 'Chilanka-Regular';  
  color: black;
}
.examplefont {
  padding-bottom: 2em;
  overflow: hidden; 
  text-align: center;
}
.examplefont div {
  float: left;
  border: 1px solid #ccc;
  text-align: center;
  width: 1.25em;
  height: 2em;
  margin-right: -1px;
  margin-bottom: -1px;
  font-size: 3.2em; 
}
.examplefont div .defaultC {
  color: #ccc;
  font-family: arial, sans-serif;
  font-size: .4em;
  display: block;
}