/*-------------hero-------------------*/
.hero-title-container {
	display: flex;
	justify-content: center;
	padding: 10rem 0 5rem;
}
.hero-mochika-img {
	width: 100vw;
}

/*-------------Mochika description-------------*/
.description-title {
	display: flex;
	justify-content: center;
	padding: 10rem 0 5rem;
}
.description-text {
	max-width: 80rem;
	margin: 0 auto;
	padding: 5rem 5rem;
	line-height: 1.5;
}
.description-text p {
	margin-bottom: 3rem;
	text-align: justify;
}
.specs-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: rgb(233, 233, 233);
}
.specs-title {
	padding: 10rem 0 0;
}
.specs-list {
	max-width: 80rem;
	padding: 5rem 5rem 10rem;
	line-height: 2;
	/*text-align: center;*/
}

.buy-btn {
	padding: 0 0 10rem;
}
.btn {
	background: #ffcc00;
	background-image: -webkit-linear-gradient(top, #ffcc00, #ffbf00);
	background-image: -moz-linear-gradient(top, #ffcc00, #ffbf00);
	background-image: -ms-linear-gradient(top, #ffcc00, #ffbf00);
	background-image: -o-linear-gradient(top, #ffcc00, #ffbf00);
	background-image: linear-gradient(to bottom, #ffcc00, #ffbf00);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 0.5rem;
	font-family: Arial;
	color: #000000;
	font-size: 2rem;
	padding: 1rem 3.5rem;
	text-decoration: none;
}

.btn:hover {
	background: #f5c400;
	text-decoration: none;
}
/*-------------Mochika gallery-------------*/

.gallery-container {
	width: 100vw;
}
.gallery {
	width: 100%;
}

/*-------------Mochika video-------------*/
.video-title {
	display: flex;
	justify-content: center;
	padding: 10rem 0 5rem;
}
.video-text {
	max-width: 80rem;
	margin: 0 auto;
	padding: 5rem 5rem;
	line-height: 2;
}
.video-container {
	max-width: 100rem;
	margin: 0 auto;
	padding: 5rem 0 10rem;
}
.video0-container {
	padding-bottom: 5rem;
}
.video0 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.video0 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video1-container {
	padding-bottom: 5rem;
}
.video1 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.video1 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-------------Manuals-------------*/
.manuals-container{
	max-width: 80rem;
	margin: 0 auto;
	padding: 0rem 5rem 7rem;
}
.manuals-tittle{
	display: flex;
	justify-content: center;
	padding: 0rem 0rem 7rem;
}

.pdf-link:link,
.pdf-link:visited{
	color: black;
	text-decoration: none;
	transition: color 200ms;
}
.pdf-link:hover,
.pdf-link:active{
	color: darkgray;
}
/*-------------CTA-------------*/
.cta {
	background-color: rgb(211, 211, 211);
}
.cta-title-container {
	display: flex;
	justify-content: center;
}
.cta-title {
	padding: 10rem 0 5rem;
}
.cta-list {
	max-width: 80rem;
	margin: 0 auto;
	padding: 0 5rem 7rem;
	line-height: 2;
}
.cta-container {
	max-width: 80rem;
	margin: 0 auto;
	padding: 0 5rem 10rem;
}

/*-------------Form-------------*/
.waitlist-form {
	display: flex;
	flex-direction: column;
	gap: 4rem;
	max-width: 480px;
	margin: 2rem auto;
}

.waitlist-field {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.waitlist-field input[type="email"] {
	width: 100%;
	font-size: 2rem;
	padding: 0.5rem;
	font-family: inherit;
	color: inherit;
	border: none;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.178) 1px 2px 10px;
}

.waitlist-versions {
	border: 0;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem 2rem;
}

.waitlist-versions legend {
	padding: 0;
	margin-bottom: 0.6rem;
}

.waitlist-versions label {
	cursor: pointer;
}

.waitlist-hp {
	position: absolute;
	left: -9999px;
}

.waitlist-status {
	min-height: 1.4em;
	margin: 0;
}


/*--------------meda queries------------*/
/* 800px / 16px = 50em*/