*{margin:0;padding:0;z-index:-1;}
a{text-decoration:none;color:#000000;}
ul{list-style-type:none;}
@charset 'UTF-8';
@import url(http://fonts.googleapis.com/css?family=PT+Sans:700);
@import url(http://fonts.googleapis.com/css?family=Crimson+Text);
body{font-family:'Alegreya Sans SC',sans-serif;text-align:left;color:#000000;font-weight:700;}
header h1,footer,nav{font-size:40px;}

header{position:absolute;top:0;left:0;}
header h1{padding:20px 40px;}
footer{text-align:right;clear:both;margin:40px}

main{padding:20px 0;}
nav{display:block;}
nav ul{padding:50px;}
nav ul li{float:right;padding:0 15px;color:#ccc;opacity:0.2;}
nav ul li:hover{opacity:1;}

#imgs{clear:both;margin:0 auto;text-align:center;}
#imgs dd{overflow:hidden;display:block;float:left;width:230px;height:230px;}
#imgs dd img{max-width:230px;max-height:230px;}


/* screen width 1- */

/* screen width 480- */
@media screen and (min-width:480px){
#imgs{margin:10px;}
	}
	
/* screen width 768- */
@media screen and (min-width:768px){
#imgs{margin:20px;}
	}

/* screen width 1024- */
@media screen and (min-width:1024px){
	}