.border-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body{
	font-family:"Raleway",sans-serif;
	font-size: 81.25%;
	background:#0e0d0d;
	color: #f5f5f5;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
}

h1{
	font-weight:400;
	font-size:375%;
	text-shadow:0 4px 10px rgba(0,0,0,.3);
}

h2{
	font-family:'Playfair Display',serif;
	font-weight:200;
	font-size:175%;
	text-shadow:0 2px 5px rgba(0,0,0,.3);
	letter-spacing:1px;
}

header.main-header .logo,
header.main-header .logo a{
	height:60px;
	line-height:60px;
	display:inline-block;
}

header.main-header .logo{
	text-align:center;
	margin:20px auto;
	display:block;
}

header.main-header .logo img{
	height:60px;
	width:auto;
}

/* Menü */

#mobile-menu-button {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 34px;
  height: 34px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  background:none;
  position:absolute;
  right:20px;
  top:12px;
}

#mobile-menu-button span {
  display: block;
  position: absolute;
  top: 16px;
  left: 6px;
  right: 0;
  height: 3px;
  background: #f5f5f5;
}

#mobile-menu-button span::before,
#mobile-menu-button span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #f5f5f5;
  content: "";
}

#mobile-menu-button span::before {
  top: -7px;
}

#mobile-menu-button span::after {
  bottom: -7px;
}

#mobile-menu-button span {
  transition: background 0s 0.3s;
}

#mobile-menu-button span::before,
#mobile-menu-button span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

#mobile-menu-button span::before {
  transition-property: top, transform;
}

#mobile-menu-button span::after {
  transition-property: bottom, transform;
}

#mobile-menu-button.is-active span {
  background: none;
}

#mobile-menu-button.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

#mobile-menu-button.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

#mobile-menu-button.is-active span::before,
#mobile-menu-button.is-active span::after {
  transition-delay: 0s, 0.3s;
}

#head-menu{
	display:none;
	position:fixed;
	background:rgba(81,88,104,.9);
	font-size:110%;
	top:59px;
	left:0;
	width:100%;
}

#head-menu ul,
#head-menu ul li{
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
}

#head-menu ul li a{
	color:#f5f5f5;
	display:block;
	text-transform:uppercase;
	padding:9px 20px;
	text-decoration:none;
	border-bottom:1px solid rgba(255,255,255,.5);
}

#head-menu ul li.current-menu-item a{
	background:#7fc1ee;
	color:#333;
}

#head-menu ul li a .active-border{
	position:absolute;
	margin:-1px 0 0 -10px;
	display:none;
}

.no-touch #head-menu ul li a:hover .active-border,
.no-touch #head-menu ul li.current-menu-item a .active-border{
	display:block;
}

/* / Menü */