header {
	display: block;
	width: 100%;
	height:70px;
	background-color: black;
	padding: 0;
	
}

header .header-logo {
	width:100px;
}

header .btn {
	height:70px;
	width: 70px;
	text-align: center;
	line-height: 60px;
	font-size: 35px;
	position: relative;
	-webkit-transition: all 0.3s ease ; /* Chrome, Safari, Opera */
    transition: all 0.3s ease  ;
}

header .btn:hover {
	background:black;
	color:white;
	line-height: 50px;
}

header .btn-left {
	float:left;
}

header .btn-right {
	float:right;
}

header .btn span {
	position: absolute;
	bottom:8px;
	left:0;
	right:0;
	line-height: 10px;
	font-size: 10px;
	font-size: normal;
	font-family: 'Kimberley','HelveticaNeue-Light', 'Helvetica', 'Arial', sans-serif;
}

@media all and (max-width: 660px) {
header .btn { width:20%; }
}

@media all and (max-width: 500px) {
header .btn { width:20%; }

}