@charset "utf-8";
@media screen and (max-width: 640px){

/* default */
img {
	max-width: 100%;
	height:auto;
}
body {
    font-size: 20px;
}
#wrap, #main, aside {
    width: auto;
    line-height: 1.5;
    margin-bottom: 20px;
}
#main {
    float: none;
    
    margin-right: 0;
    margin-bottom: 30px;
}

/* header */
header {
	margin-bottom: 30px;
}
h1 {
    padding: 20px 5px;
}
header ul {
    border: none;
    padding: 0;
    height: inherit;
}
header ul li {
    height: auto;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
}
header ul li a {
    display: block;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    height: auto;
    text-decoration: none;
    background-color: aliceblue;
}

/* sidebar */
aside li {
    margin-bottom: 10px;
	
}
aside li img {
	width: 100%;
}
aside p {
    margin-bottom: 20px;
}


/* footer */
footer {
    padding: 30px 0px 10px;
}

footer h5 {
    margin-bottom: 10px;
}
footer ul {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
footer ul.lastChild {
    margin-bottom: 30px;
}
footer ul li {
    text-indent: 0;
    margin-bottom: 1px;
}
footer ul li a {
    text-decoration: none;
    color: #404040;
    background-color: aliceblue;
    display: block;
    padding: 10px;
}
footer p {
    font-size: 0.75em;
}


}