/* style.css */
html, body {
  overscroll-behavior-y: contain;
}

body {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
	background: url("../image/section0bg.gif") ;
	background-size: cover;
	background-repeat: no-repeat;
}

.section {
  width: 92vw;
	height: 90vh;
	margin: 5%;
	padding: 5%;
	overflow: hidden;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
  font-size: 0.9rem;
  color: #2d1a0c;
}

#section1{
	text-align: center;
}

@media screen and (min-width: 768px) {
body {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
	background: url("../image/section0bg.gif") ;
	background-size: cover;
	background-repeat: no-repeat;
}

.section {
  width: 50vw;
	height: 100vh;
	margin: 0 25vw;
	padding: 0;
	overflow: hidden;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
  font-size: 0.9rem;
  color: #2d1a0c;
}

#fullpage{
	height: 600vh;
}

#section1 {
	padding: 0 7vw;
	text-align: center;
}

#section2 {
	padding: 0 7vw;
}
#section3 {
	padding: 0 7vw;
}

#section4 { 
	color: #333;
	padding: 0 7vw;
}

#section5 { 
	background-image: url("../image/contact-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}
}