html, body {
	font-family: Roboto, Arial;
	margin: 0;
	padding: 0;
	font-size: 14px;
	user-select: none;
}

body {
	background-color: #ededed;
}

a {
	text-decoration: none;
}

.parallax_story {
	box-sizing: border-box;
    /* The image used */
    background-image: url("../images/bg_index_02.jpg");

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section {
	position: relative;
	box-sizing: border-box;
	padding: 32px;
	color: #4c4c4c;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

section.story {
	font-family: Calligraffitti,cursive;
	font-size: 32px;
	line-height: 56px;
	padding: 128px;
	color: #fff;
}
section.story img.adol_sign {
	float: right;
}

@media only screen and (max-width: 1366px) {

	section.story{
		padding: 64px !important;
		font-size: 24px;
		line-height: 42px;
	}
	section.story img.adol_sign {
		width: 340px;
	}
}
@media only screen and (max-width: 720px) {
	section.story{
		padding: 32px !important;
		font-size: 18px;
		line-height: 32px;
	}
	section.story img.adol_sign {
		width: 200px;
	}
}