@charset "UTF-8";
/* CSS Document */


/* WireFrame */
#container { padding-bottom: 6em; }
footer { height: 6em; }
@media only screen and (max-width: 768px){
  #container { padding-bottom: 0; }
	footer { height: auto; }
}


#index-column { width: 94%; max-width: 700px; margin: 0 auto; }
#index-column h1 { width: 70%; margin: 0 auto; padding: 8em 0; }
#index-column ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#index-column ul li { width: 48%; padding-bottom: 3em; }
#index-column ul li a:hover { opacity: .8; }
#index-column h1 img, #index-column ul li img { width: 100%; height: auto; }
@media only screen and (max-width: 680px) and (orientation: portrait) {
  #index-column h1 { width: 80%; margin: 0 auto; padding: 6em 0; }
  #index-column ul li { width: 48%; padding-bottom: 1em; }
}