@font-face {
  font-family: "Oceanic Gothic";
  src: local("Oceanic Gothic Regular"), 
  url("fonts/OceanicGothic/Oceanic-Gothic-Regular.woff") format("woff"), 
  url("fonts/OceanicGothic/Oceanic-Gothic-Regular.woff2") format("woff2"), 
  url("fonts/OceanicGothic/Oceanic-Gothic-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Oceanic Gothic";
  src: local("Oceanic Gothic Light"), 
  url("fonts/OceanicGothic/Oceanic-Gothic-Light.woff") format("woff"), 
  url("fonts/OceanicGothic/Oceanic-Gothic-Light.woff2") format("woff2"), 
  url("fonts/OceanicGothic/Oceanic-Gothic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
html,body {
	display:flex;width: 100%;min-height: 100%;
	margin: 0;
  	padding: 0;
}
body {
  font-family: "Oceanic Gothic", sans-serif;
 color:#111111;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.06rem;
  background-color: #fefdfa;
  margin: 0;
  padding: 0;
}
.intro {
			position: relative;
			width: 100%;
			height: 100%;
			display: flex;
			flex-wrap: wrap;
			z-index: 1000;
			background-color: #fefdfa;
			align-items: center;
			justify-content: center;
		}
		.intro .logo {

			width: 7.8rem;
			/*height: 11.3rem;*/
			display: block;
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100%;
			margin: 0 auto;
			background:none;
			transition: all 0.25s ease;
		}
		.intro .logo img {
			width:100%;
			height:auto;
			display:block;
			margin:0;
		}
		.intro .text {
			margin-top:3rem;
			text-align:center;
		}
		.intro .text .text__item {
			margin-top:3rem;
			text-align:center;
			padding:0 1.5rem;
		}
		
		@media (max-width: 1600px) {
			html {
				font-size: .699vw;
			}
			body {
				font-size: 12px;
   				letter-spacing: 0.6px;
			}
		}
		@media (max-width: 1399.98px) {
			html,body {
				font-size: 12px;
			}
			.intro .logo {
				width: 78px;
				/*height: 113px;*/
			}
			.intro .text .text__item {
				margin-top:20px;
				padding:0 15px
			}
		}
		@media (max-width: 767px) {
			.intro .logo {
				width:66px;
				/*height:95px;*/
			}
		}