@charset "UTF-8";
/* CSS Document */

#mainimage{
background-image:url(img/mainimage.jpg);
}
#mainimage:before {
    padding-top: 15.62%;
}

#sitemap .home{
text-align:center;
padding:60px 0;
}
#sitemap .home a{
display:inline-block;
}
#sitemap .home p{
font-size:2rem;
font-weight:700;
padding:0 0 15px 0;
text-align:center;
}

#sitemap img{
border:1px solid #bfbfbf;
margin-bottom:10px;
}
#sitemap h3{
text-align:center;
font-size:2rem;
padding-bottom:20px;
}
#sitemap ul{
text-align:center;
padding-bottom:60px;
}
#sitemap li{
display:inline-block;
vertical-align:top;
padding:0 20px;
}
#sitemap .site{
font-size:1.4rem;
line-height:1.4;
}
#sitemap .site p{
font-weight:900;
font-size:1.8rem;
}
#sitemap a{
display:block;
}
#sitemap .btn li{
width:19%;
padding:0 5px 20px 5px;
}
#sitemap .btn li a{
text-align:center;
padding:10px 0;
display:block;
width:100%;
border:1px solid #bfbfbf;
}
#sitemap .btn li a:hover{
border:1px solid #000;
}

@media screen and (max-width: 767px) {

#mainimage:before {
    padding-top: 46.8%;
}

#sitemap .home{
padding:70px 0 40px 0;
}
#sitemap .home p{
}

#sitemap h3{
padding-bottom:20px;
padding-top:20px;
}
#sitemap ul{
padding-bottom:40px;
}
#sitemap li{
padding:0 0 30px 0;
width:100%;
}
#sitemap .btn li{
padding-bottom:15px;
width:100%
}
#sitemap .btn li a{
margin:0 auto;
}

}