@charset "utf-8";

section .container {
	margin: 0 auto;
	padding-top: 50px;
	width: 800px;}
section .container h1 {
	margin-bottom: 30px;}
section .container h1 img {
	display: block;}
section .container p {
	margin-bottom: 1em;}
section .container .documents {
	margin-bottom: 2em;
	padding: 2em;
	background-color: #fff;
	border-radius: 0.5em;}
section .container .documents h2 {
	margin-bottom: 0.5em;
	text-align: center;
	font-size: 1.3em;}
section .container .documents ul {
	display: flex;
	justify-content: center;}
section .container .documents ul li {
	margin: 0 1em;}
section .container .contact h2 {
	margin-bottom: 0.5em;
	font-size: 1.3em;}

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

section .container {
	padding: 0 1em;
	width: 100%;
	box-sizing: border-box;}
section .container h1 img {
	width: 100%;}
section .container .documents ul {
	flex-direction: column;}

}