@font-face {
    font-family: Pathway Gothic One;
    src: url("../fonts/PathwayGothicOne-Regular.ttf") /* for CSS3/New browsers */
}

 body.menu-open {
	 overflow: hidden;
}
 a {
	 text-decoration: none;
}


 a:hover{
text-decoration: underline;

}


 *, *::before, *::after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
}
 .navigation .logo {
	 position: fixed;
	 left: 32px;
	 top: 15px;
	 z-index: 10;
	 opacity: 1;
	 transition: opacity 0.3s;

}


.logo-img{
max-width: 15%;

}

@media (min-width: 300px)and (max-width: 699px) {

  .logo-img{

  max-width: 40%;

  }

.navigation .logo {
  top:25px;

}


}
@media (max-width: 299px) {
  .logo-img{

  max-width: 20%;

  }

}

 .navigation .logo .logo-text {
	 display: inline-block;
	 font-size: 1.2em;
	 background-size: cover;
	 color: #000000;
   width: 7%;

  height: auto;

}
 .navigation .hamburger-menu {
	 width: 40px;
	 height: 40px;
	 position: fixed;
	 padding: 15px 8px;
	 top: 32px;
	 right: 32px;
	 cursor: pointer;
	 z-index: 999;
	 opacity: 1;
}
 .navigation .hamburger-menu:hover .hamburger::before {
	 transform: translate(0, -1px);
}
 .navigation .hamburger-menu:hover .hamburger::after {
	 transform: translate(0, 1px);
}
 .navigation .hamburger-menu .hamburger {
	 width: 24px;
	 height: 10px;
	 position: relative;
}
 .navigation .hamburger-menu .hamburger::before, .navigation .hamburger-menu .hamburger::after {
	 content: '';
	 width: 24px;
	 height: 2px;
	 background: #000000;
	 position: absolute;
	 left: 0;
	 transition: all 0.3s;
}
 .navigation .hamburger-menu .hamburger::before {
	 top: 0;
}
 .navigation .hamburger-menu .hamburger::after {
	 top: 8px;
}
 .menu-open .navigation .hamburger-menu .hamburger::before, .menu-open .navigation .hamburger-menu .hamburger::after {
	 background: #000000;
}
 .menu-open .navigation .hamburger-menu .hamburger::before {
	 transform: rotate(45deg);
}
 .menu-open .navigation .hamburger-menu .hamburger::after {
	 top: 0;
	 transform: rotate(-45deg);
}
 .navigation .menu-container {
	 width: 0%;
	 height: 100%;
	 position: fixed;
	 display: block;
	 top: 0;
	 right: 0;
	 z-index: 800;
	 overflow: hidden;
	 transition: all 0.5s cubic-bezier(0.99, 0.04, 0.87, 1) 0.3s;
	 /*background: #ce3745;*/
    background: white;
	 opacity: 0;
}
 .menu-open .navigation .menu-container {
	 width: 100%;
	 opacity: 1;
}
 .navigation .menu-container .menu {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 text-align: center;
	 z-index: 1;
	 list-style: none;
	 margin: 0;
}

@media (max-width: 1600px) and (min-width: 1300px)  {
  .navigation .menu-container .menu {
     left: 60%;
 }
}
 @media (max-width: 667px) and (min-width: 320px) and (orientation: landscape) {
	 .navigation .menu-container .menu {
		 display: initial;
	}
	 .navigation .menu-container .menu li {
		 display: inline-block;
		 margin: 0 16px;
	}
	 .navigation .menu-container .menu li:nth-child(4) {
		 margin: 0;
	}
}
 .navigation .menu-container .menu li {
	 padding: 0;
	 flex: 1;
}
 .menu-open .navigation .menu-container .menu li:nth-child(1) {
	 opacity: 1;
	 transition: 0.2s opacity 0.95s;
}
 .menu-open .navigation .menu-container .menu li:nth-child(2) {
	 opacity: 1;
	 transition: 0.2s opacity 1.05s;
}
 .menu-open .navigation .menu-container .menu li:nth-child(3) {
	 opacity: 1;
	 transition: 0.2s opacity 1.15s;
}
 .menu-open .navigation .menu-container .menu li:nth-child(4) {
	 opacity: 1;
	 transition: 0.2s opacity 1.25s;
}
 .menu-open .navigation .menu-container .menu li:nth-child(5) {
	 opacity: 1;
	 transition: 0.2s opacity 1.35s;
}
 .menu-open .navigation .menu-container .menu li:nth-child(6) {
	 opacity: 1;
	 transition: 0.2s opacity 1.45s;
}
 .navigation .menu-container .menu li:nth-child(1) {
	 opacity: 0;
	 transition: 0.2s opacity 0.05s;
}
 .navigation .menu-container .menu li:nth-child(2) {
	 opacity: 0;
	 transition: 0.2s opacity 0.1s;
}
 .navigation .menu-container .menu li:nth-child(3) {
	 opacity: 0;
	 transition: 0.2s opacity 0.15s;
}
 .navigation .menu-container .menu li:nth-child(4) {
	 opacity: 0;
	 transition: 0.2s opacity 0.2s;
}
 .navigation .menu-container .menu li:nth-child(5) {
	 opacity: 0;
	 transition: 0.2s opacity 0.25s;
}
 .navigation .menu-container .menu li:nth-child(6) {
	 opacity: 0;
	 transition: 0.2s opacity 0.3s;
}
 .navigation .menu-container .menu li:nth-child(4) p {
	 margin: 16px 0;
}
 @media (max-width: 667px) and (min-width: 320px) and (orientation: landscape) {
	 .navigation .menu-container .menu li:nth-child(4) p {
		 margin: 0;
	}
}
 .navigation .menu-container .menu li.menu-line {
	 width: 30px;
	 height: 1px;
	 background:#000000;
	 margin: 32px auto 16px;
	 padding: 0;
	 flex: initial;
}
 @media (max-width: 667px) and (min-width: 320px) and (orientation: landscape) {
	 .navigation .menu-container .menu li.menu-line {
		 display: none;
	}
}
 @media (min-width: 667px) {
	 .navigation .menu-container .menu li.menu-line {
		 width: 1px;
		 height: 87px;
	}
}
 .navigation .menu-container .menu li a {
	 display: block;
	 color: #000000;
	 font-size: 1.5rem;
	 transition: color 0.3s;
	 padding: 16px 0;
	 outline: 0;
}
 .navigation .menu-container .menu li a:hover {
	 color: #333;
}
 @media (min-width: 1190px) {
	 .navigation .menu-container .menu li a {
		 font-size: 2rem;
	}
}
 .navigation .menu-container .menu li p {
	 color: #000000;
	 font-size: 1rem;
	 margin-bottom: 0;
}
 @media (min-width: 930px) {
	 .navigation .menu-container .menu li p {
		 font-size: 1.2rem;
	}
}
 @media (min-width: 1190px) {
	 .navigation .menu-container .menu li p {
		 font-size: 1.5rem;
	}
}
 .navigation .menu-container .menu-info {
	 text-align: center;
	 position: absolute;
	 width: 100%;
	 bottom: 16px;
	 line-height: 1.6em;
	 left: 0;
	 color: #000000;
	 z-index: 1;
	 padding: 0 16px;
	 transform: translate(0, calc(100% + 16px));
	 transition: 0.3s 1s;
}
 .navigation .menu-container .menu-info p {
	 font-size: 1rem;
	 margin-bottom: 0;
}
 @media (min-width: 930px) {
	 .navigation .menu-container .menu-info p {
		 font-size: 1.4rem;
	}
}
 @media (min-width: 1190px) {
	 .navigation .menu-container .menu-info p {
		 font-size: 1.7rem;
	}
}
 .menu-open .navigation .menu-container .menu-info {
	 transform: translate(0, 0);
}