html,body {
	font-size: 16px;
}
body {
	width: 100%;
	overflow-x: hidden;
}

h1, h2,
.h1, .h2 {
	font-size: 2.125rem;
	line-height: 2.5rem;
}

h3, .h3,
.home h1{
	font-size: 1.875rem;
	line-height: 2.25rem;
}
.home h1 {
	margin-bottom: 2rem;
}

h4, .h4 {
	font-size: 1.5625rem;
}

blockquote {
	font-size: 1rem;
}

blockquote:before {
	margin-left: -0.3rem;
}

figcaption {
	clear: left;
	margin-top: 0.4rem;
}

.content {
	max-width: 100%;
	margin: 0 1rem;
	text-align: left;
}

.scroll-hint {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: #E4E5E4 url('../../images/mobile/scroll-hint.svg') center no-repeat;
	background-size: 16px;
	bottom: 20px;
	left: 50%;
	margin-left: -20px;
	line-height: 40px;
	border-radius: 40px;
}

.title h1,
.title p {
	margin: 0;
}

.title .cat {
	color: #B4B4B4;
}

.front-page {
	padding-top: 0;
}

.front-page + div {
	border-top: 2px solid #1b1b1b;
}

.front-page .vam-content {
	/*padding-top: 50px;*/
}

.front-page .content {
}

.front-page .content a {
	border: 2px solid #000;
	display: inline-block;
	clear: left;
	padding: 0;
	min-width: 75px;
	text-align: center;
}

.vam {
	min-height: 500px;
}

.swiper-width {
	width: 100% !important;
}

.archive-item .vam-content {
	padding-top: 1rem;
}

.is-mobile .team-members {
	width: 100%;
}
.is-mobile .team-member,
.is-mobile .process-item {
	width: 50%;
	min-width: 144px;
}

.team-member .circular {
	width: 64px;
	height: 64px;
	margin: 0 auto;
}

@media screen and (max-width: 425px) {
	.home h1 {
		font-size: 1.6rem;
		line-height: 1.85rem
	}
}

@media screen and (max-width: 320px) {
	.home h1 {
		font-size: 1.3rem;
		line-height: 1.55rem;
	}
}

@media screen and (max-width: 450px) {
	.related .archive-item {
		width: 50%;
		min-width: 50%;
		margin-bottom: 1rem;
		height: 150px;
		overflow: hidden;
	}
}