* {
	box-sizing: border-box;
}
html {
	font-size: 4vw;
	font-family: 'Montserrat', sans-serif;
}
body {
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	background-image: url(1804.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
}
h1, h2, h2, h4 {
	font-weight: 700;
	font-size: 2em;
}
.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vcenter {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
#logo h1 {
	margin: 0 0 2vw 0;
	padding: 0;
}
nav ul {
	padding: 0;
	margin: 0;
	display: flex;
	width: 100%;
}
nav ul li {
	list-style: none;
}
.menu-item {
  animation-name: menu;
  animation-duration: 1s;
  animation-fill-mode: both;
  position: relative;
  display: flex;
  flex: 1;
  margin: 0 1vw;
  transition-delay: 0.8s;
}
nav ul li a {
  color: white!important;
  text-decoration: none!important;
  margin: 0 auto;
}
.menu-item:before {
  content: "";
  position: absolute;
  background: #fff;
  width: 20px;
  height: 0.25vw;
  top: 100%;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  transition: all .3s ease;
  z-index: -1;
}
.menu-item:hover:before {
  width: 100%;
}
.menu-item:nth-child(0) {
  animation-delay: 1s;
}
.menu-item:nth-child(1) {
  animation-delay: 1.2s;
}
.menu-item:nth-child(2) {
  animation-delay: 0.7s;
}
.menu-item:nth-child(3) {
  animation-delay: 0.8s;
}
.menu-item:nth-child(4) {
  animation-delay: 0.9s;
}
@keyframes menu {
	from {
	  opacity: 0;
	  transform: translate(0%, 100%);
	}
	to {
	  opacity: 1;
	  transform: translate(0%, 0%);
		
	}
}