@charset"UTF-8";
body{
background-color:#fff799;
}
header{
border-bottom:5px solid #f9e900;
}
h1{
font-family: 'M PLUS 1p', sans-serif;
color:#3aacad;
}
h2,section{
font-family: 'Playfair Display', serif;
color:#e3a44e;
}
li{
list-style:none;
font-family: 'M PLUS 1p', sans-serif;
float:left;
width:15%;
text-align:center;
}
li,a{
color:#008080;
}
ul:after{
content:"";
display:block;
clear:both;
}
ul{
padding:0;
}
h2,article{
color:green;
font-family: 'Playfair Display', serif;
}

@media(max-width:640px){
li{width:auto;
float:none;
}
li a {
padding:1em;
margin-bottom:0.5em;
display:block;
background-color:#dbebc4;
border-radius:6px;
text-decoration:none;
}
h1{text-align:center;
}
h4{text-align:center;
}
}

h3{
font-family: 'Roboto', sans-serif;
color:green;
}
strong{
font-size:24px;
}

div{
width:200px;
float:none;
padding:0.1em;
margin-bottom:0.1em;
display:block;
background-color:#ead7a4;
border-radius:6px;
background-repeat:no-repeat;
background-position:left;
background-size:10% auto
text-decoration:none;
}


h4,h5{
font-family: 'M PLUS 1p', sans-serif;
color:#3aacad;
margin-left:36px;
}
footer{
border-top:1px solid #f9e900;
}