body{
	--nav-height: 75px;
	--nav-scroll-height: 50px;
	--nav-height-neg: -75px;
	--dark-color: #343434;
	--ocean-blue: #0074D9;
	--smokey-black: #100c08;
	--light-blue: #1e90ff;
	--gray-back: #f5f5f5;
	--error-red: rgb(255,64,64,.8);
	--error-red-light: rgb(255,64,64,.3);
}
.hidden{
	display: none;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.white{
	color: #fff;
}
.light-blue{
	color: var(--light-blue);
}
.ocean-blue{
	color: rgba(0, 116, 217, .9);
}
.poppins-thin{
	font-family: 'ProximaNova', sans-serif;
	font-weight: normal;
}
.light-gray{
	color: #777;
}
.black-color{
	color: #000000;
}
.with-text-shadow{
	text-shadow: 1px 2px 2px rgba(0,0,0,0.1);
}
.normal{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 300;
}
.normal-font{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}
.handwriting{
	/* font-family: 'ShadowsIntoLight', cursive; */
	font-family: 'ProximaNovaCondensed', sans-serif;
	font-weight: bold;
}
.handwriting-amatic{
	font-family: 'AmaticSC', cursive;
}
.subsubheader{
	font-family: 'ProximaNovaCondensed', sans-serif;
	font-weight: 500;
}
.light-font{
	/* color: #777; */
	font-size: 14px;
	font-weight: 300;
}
.normal-weight{
	font-weight: normal;
}
.no-margin-left{
	margin-left: 0px;
}
.no-margin-right{
	margin-right: 0px;
}
.wide-flex{
	flex-basis: 61%;
}
.narrow-flex{
	flex-basis: 35%;
}
.same-flex{
	flex-basis: 48%;
}
.close-button{
	font-size: 25px;
}
.banner{
	position: relative;
	min-height: 300px;
	height: 33vh;
}
.banner-image-layer{
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.banner img{
	/* display: inline-block; */
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
.banner video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-header{
	/* color: #e3e3e3; */
	color: #ccc;
  position: absolute;
	z-index: 2;
  top: 50%;
	transform: translateY(-50%);
  width: 100%;
  text-align: center;
  text-shadow: 1px 2px 2px rgba(0,0,0,0.3);
  /* opacity: 0; */
}
.banner-header h1, .banner-header p{
	color: #fff;
}
.banner-detail{
	margin: auto;
	width: 80%;
}
.banner-dark-layer{
	position: relative;
	width: 100%;
	height: 100%;
	/* background: rgba(0, 0, 0, 0.3); */
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(30, 33, 48, 0.6));
}


.plain-section{
	width: 100%;
	text-align: center;
	padding: 40px 10% 40px 10%;
}
.light-gray-section{
	background: #f5f5f5;
}

.plain-flexbox-container{
	display: flex;
	/* align-items: center; */
	width: 100%;
	text-align: left;
}
.plain-flexbox-container-reverse{
	display: flex;
	width: 100%;
	text-align: left;
}

.flex-margin_middle-left{
	margin: 10px auto 0 0;
}
.flex-margin_middle-right{
	margin: 10px 0 0 auto;
}

.heading-wave{
	display: inline-block;
	/* color: rgba(0, 116, 217, .8); */
	color: rgba(0, 0, 0, 0.7);
	height: 200px;
	margin-top: 10px;
}
.hinako-logo-small-container{
	display: inline-block;
	color: rgba(0, 0, 0, .6);
	/* color: rgba(255, 255, 255, 0.99); */
	height: 30px;
}
.inline-svg-icon-logo{
	display: inline-block;
	/* filter: drop-shadow(0px 0px 2px rgb(0 0 0 / 0.5)); */
	filter: drop-shadow(1px 3px 1px rgb(0 0 0 / 0.2));
}
.proxima-subtitle{
	font-size: 1.2em;
}


@media (max-width: 700px) {
	body{
		min-width:375px;
	}
	.banner{
		height: 50vh;
	}
	.plain-section{
		width: 100%;
		text-align: center;
		padding: 50px 5% 40px 5%;
	}
	.plain-flexbox-container{
		flex-direction: column;
	}
	.plain-flexbox-container-reverse{
		flex-direction: column-reverse;
	}
	.carousel__button--left{
		background: rgba(0, 0, 0, 0.5);
	}

}
@media (max-width: 900px) {
	.plain-section{
		width: 100%;
		text-align: center;
		padding: 50px 5% 40px 5%;
}