@font-face {
	font-family: "Source Sans Pro";
	src: url("../fonts/sourcesanspro-regular-webfont.woff2") format("woff2"),
      url("../fonts/sourcesanspro-regular-webfont.woff") format("woff");
}
@font-face {
	font-family: "Source Sans Pro";
	src: url("../fonts/sourcesanspro-it-webfont.woff2") format("woff2"),
      url("../fonts/sourcesanspro-it-webfont.woff") format("woff");
	font-style: italic;
}

html {
	height: 100%;	
}

body {
	height: 100%;
	margin: 0;
	background: linear-gradient(50deg, #ff7854, #fd267d);
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: white;
	font-size: 20px;
	font-family: "Source Sans Pro", Helvetica, Arial, Sans-Serif;
}

a {
	color: white;
	text-decoration: none;
}

p a {
	font-style: italic;
}

p a:hover {
	text-decoration: underline;
}

.inner {
	padding: 10px;
}

.index__inner {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.index__title {
	display: inline-block;
}
.index__title a {
	border: 3px solid white;
	padding: 5px 25px;
	cursor: help;
}
.index__list {
	list-style: none;
	padding: 0;
}
.index__listitem {
	display: inline-block;
	border: 1px solid white;
	margin-bottom: 4px;
}
.index__listitem a {
	display: block;
	padding: 4px 10px;
}
.index__listitem a:hover {
	background-color: white;
	color: #fd267d;
}

.box__inner {
	position: relative;
	max-width: 360px;
	max-height: 640px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	cursor: move;
}
.box__headings {
	position: absolute;
	right: -20px;
	transform: translateX(100%);
	cursor: auto;
}
@media (max-width: 960px) {
	.box__headings {
		display: none;
	}
}
.box__title {
	display: inline-block;
}
.box__title a {
	border: 3px solid white;
	padding: 5px 25px;
}
.box__title a:hover {
	background-color: white;
	color: #fd267d;
}
.box__box {
	max-width: 255px;
}

.swiper-container {
	max-width: 100%;
	height: auto;
}
.box__img {
	max-width: 100%;
	max-height: calc(100vh - 20px);
	width: auto;
	height: auto;
	display: block; /* fix bottom gap */
	margin-left: auto;
	margin-right: auto;
}

.faq__inner {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.faq__title {
	display: inline-block;
}
.faq__title a {
	border: 3px solid white;
	padding: 5px 25px;
}
.faq__title a:hover {
	background-color: white;
	color: #fd267d;
}
.faq__list {
	list-style: none;
	padding: 0;
}