@charset "UTF-8";

main {
	width: 100%;
}

img {
	width: 100%;
}

h1 {
	margin-bottom: 3%;
}
.cta {
	margin: 0% auto 10%;
}
.cta.fixed {
	width: 100%;
	position: fixed;
	bottom: 1%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
	margin: auto;
	z-index: 100;
}
.cta.fixed.show {
	display: block;
}

.faq {
	margin-bottom: 8%;
}
.faq li {
	margin-bottom: 6%;
	height: auto;
}
.faq li:last-child.on {
	position: relative;
}
.faq li:last-child.on a {
	display: block;
	width: 18%;
	height: 11%;
	position: absolute;
	bottom: 23%;
	left: 11%;
}
footer {
	width: 100%;
	background: #aaafbe;
	color: #fff;
	font-size: 2.5vw;
	text-align: center;
	line-height: 2;
	padding: 4% 0;
}
footer ul {
	margin-bottom: 3%;
}
footer a {
	text-decoration: underline;
}

@media screen and (min-width: 769px) {
	main {
		width: 600px;
		margin: auto;
	}
	a:hover {
		opacity: 0.9;
	}
	.cta.fixed {
		width: 600px;
		margin: auto;
	}
	footer {
		width: 600px;
		margin: auto;
		font-size: 15px;
		padding: 20px 0 10px;
	}
}