html, body, * {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	background-image:url('../img/background_002.jpg');
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment: fixed;
}


/*header >8rem*/
header {
	padding: 1rem 0.5rem;
	background-color:#FFFA;
	margin-bottom:1.5rem;
	min-height: 5rem;
}

header div {
	display: inline-block;
}

#logo img {
	height: 4.5rem;
}

header * {
	font-family: 'Kaushan Script', cursive;
} 

/*main section*/
main {
	min-height:calc(100vh - 27.5rem);
	max-width:768px;
}
main section {
	padding: 0.5rem;
	border-top: 2px solid #44F;
	background-color: #AAFA;
	width: 90%;
	margin: 1rem auto 0 0;
}

main section:nth-child(even) {
	background-color: #5EAA;
	border-color: #2e942e;
	text-align: right;
	margin: 1rem 0 0 auto;
}

/*footer >16rem*/
footer {
	margin-top:2rem;
	background-color: #AACA;
	min-height:13rem;
}

footer section {
	padding: 0.5rem 1rem 0.5rem 1rem;
}

footer ul {
	padding: 0 0 0 1rem;
}

footer li {
	padding: 0.25rem 0;
}

#psymap img {
	height: 2.5rem;
}

#psymap a {
	background: #1d9aed;
  height: auto;
  display: inline-block;
  padding: 0.5rem 0.5rem 0 0.5rem;
  border-radius: 0.5rem;
}