body{
	--nav-height: 75px;
	--nav-scroll-height: 50px;
	--nav-height-neg: -75px;
	--dark-color: #343434;
	--ocean-blue: #0074D9;
	--smokey-black: #100c08;
}


.contact-form-section{
	background: #fff;
}

.book-form-container{
	/* text-align: left; */
	/* background: lightgreen; */
}
.book-form-column{
	position: relative;
	flex-basis: 50%;
	width: 100%;
}
.book-form-column_right-side{
	display: flex;
	flex-direction: column;
}
.reach_out{
	/* font-family: 'Amatic SC', cursive; */
	/* font-family: 'Covered By Your Grace', cursive; */
	font-size: 80px;
	font-weight: normal;
	color: var(--dark-color);
	opacity: .9;
}
.HI_word{
	/* font-family: 'Amatic SC', cursive; */
	color: var(--ocean-blue);
}
.input-form{
	display: flex;
	flex-direction: column;
	margin: auto;
	padding: 10px;
}
input{
	padding: 10px;
	margin: 10px 0;
	border: none;
	background: rgba(239, 239, 240,.3);
}
textarea{
	padding: 10px;
	margin: 10px 0 0 0;
	border: none;
	background: rgba(239, 239, 240,.3);
	/* opacity: .7; */
}


.final-button{
	margin: auto 5px;
	display: inline-block;
	width: 150px;
	text-decoration: none;
	color: #777;
	border: 2px solid #777;
	padding: 9px 34px;
	font-size: 13px;
	background: transparent;
	cursor: pointer;
}

.final-button:hover{
	color: #fff;
	border: 1px solid var(--ocean-blue);
	background-color: var(--ocean-blue);
	transition: 1s;
}
.cancel-policy{
	cursor: pointer;
}


.about-section{
	text-align: left;
	/* background-image:linear-gradient(to bottom, rgba(255,255,255,.3), rgba(255,255,255,.3)), url("../images/hinako_shikoku_lineup.jpg"); */
	background-image:linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.1)), url("../images/clouds.png");
	background-size: cover; /* or contain depending on what you want */
  background-position: center center;
	background-repeat: no-repeat;
}
.about-container{
	width: 100%;
	/* display: flex; */
}




@media (max-width: 700px) {
	body{
		min-width:375px;
	}

/* 	----------couses----------- */
	.level{
		flex-direction: column;
	}
	.level:nth-child(2){
		flex-direction: column-reverse;
	}
	.level-col{
		text-align: center;
	}
	.book-form-column_right-side{
		flex-direction: column-reverse;
	}
	.book-form-column-right{

	}


}