* {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
before {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
after {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
html {
	line-height: 1.5; font-size: 87.5%;
}
body {
	line-height: 1.5; font-size: 87.5%;
}
h1 {
	margin: 0px;
}
h2 {
	margin: 0px;
}
h3 {
	margin: 0px;
}
h4 {
	margin: 0px;
}
h5 {
	margin: 0px;
}
h6 {
	margin: 0px;
}
p {
	margin: 0px;
}
figure {
	margin: 0px;
}
figure.wide img {
	width: 100%; height: auto; max-width: 100%;
}
code {
	max-width: 100%; background-color: rgb(206, 206, 206);
}
#container {
	margin: 0px; width: 100%;
}
#container header {
	padding: 0.5em 0px; width: 100%; text-align: center; margin-bottom: 1.2em; box-shadow: 0px 2px 5px rgba(0,0,0,0.3); background-color: rgb(2, 2, 2);
}
header h1 {
	color: rgb(255, 255, 255); font-size: 1.5em;
}
#content {
	margin: 0px auto; width: 93%; line-height: 1.7; max-width: 980px;
}
.buttons {
	padding: 1em 0px; text-align: center;
}
#mainVisual {
	width: 100%; margin-bottom: 0em;
}
#mainVisual img {
	height: auto; max-width: 200px; 
}
.mobileHidden {
	display: none;
}
@media screen and (min-width:480px)
{
body {
	font-size: 100%;
}
.desktopHidden {
	display: none;
}
.mobileHidden {
	display: inline;
}
}
