/* Mobile View */
@media screen and (max-width: 79.5em){

footer{
grid-area:footer;
}

footer #copyright{
display:block;
width:100%;
margin:0;
padding:0 .5rem;
}

footer #copyright p{
text-align:center;
font-size:var(--xs-font-size);
}

#top{
position:fixed;
z-index:1200;
right:.78em;
bottom:.78em;
background:var(--asset-background-color);
border:var(--light-border-color) 2px solid;
border-radius:50%;
}

#top a:before{
display:block;
content:'';
width:1em;
height:1em;
margin:0 .5rem;
padding:.25rem;
}

#top a:before{
background:url('/asset/img/icon/arrow.svg') no-repeat top left;
transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
}

#top a strong{
display:none;
}

}

/* Desktop View */
@media screen and (min-width: 79.5em){

footer{
grid-area:footer;
display:flex;
flex-direction:column;
justify-content:center;
width:100%;
}

footer nav{
width:100%;
margin:0;
}

footer #copyright{
display:block;
width:100%;
margin:0;
}

footer #copyright p{
text-align:center;
font-size:var(--xs-font-size);
}


#top{
display:none;
}

}