/* ---------- RESET */
@charset "utf-8";
* {
	box-sizing: border-box;
}

body,
blockquote,
dl, dt, dd,
figure,
h1, h2, h3, h4, h5, h6,
p,
pre,
ul, ol,
tr, td,
input, textarea, select,
button,
hr {
	margin: 0; padding: 0;
}

ul, ol {
	list-style: none;
}

input, textarea, select,
img,
hr {
	border: none;
}

q:before,
q:after {  
	content: "";  
}

sup {
	vertical-align: initial;
}

/* ---------- STYLE */
html, body {
	height: 100%;
}

/*--- page */
#page {
	display: flex;
	flex-flow: column nowrap;
	min-height: 100%;
}

/*--- container */
.container {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.container img {
	margin-top: 20px;
}

/*--- wallpaper */
.wallpaper {
	background-color: #2d2d2d;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.wallpaper {
	background-image: url("/images/wallpaper.jpg");
}