@charset "utf-8";
 #header{
position: fixed; height: 70px; width:100%; z-index: 999;  display: flex;
justify-content: space-between;
align-items: center;
background:#333;
color:#fff;
text-align: center;
padding: 20px;
} section#area-1{
padding-top:100px;
}  #header.UpMove{
position: fixed;
width:100%;
animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-100px);
}
} #header.DownMove{
position: fixed;
width:100%;
animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-100px);
}
to {
opacity: 1;
transform: translateY(0);
}
} h1{
font-size:1.2rem;
}
h2{
font-size:1.2rem;
text-align: center;
margin: 0 0 30px 0;
}
p{
margin-top:20px;
}
small{
background:#333;
color:#fff;
display: block;
text-align: center;
padding:20px;
}
nav.hum ul{
list-style: none;
display: flex;
justify-content: center;
}
nav.hum ul li a{
display: block;
text-decoration: none;
color: #eee;
padding:10px;
transition:all 0.3s;
}
@media screen and (max-width:768px){
nav.hum ul li a{
font-size:0.8rem;
}
}
nav.hum ul li.current a,
nav.hum ul li a:hover,
nav.hum ul li a:active{
color:#19A7CB;
}