@charset "UTF-8";


.single-page-nav {
background:#FFF;
padding:0;
border-bottom:#e9e9e9 solid 1px;
width: 100%;
z-index:1;
}


.single-page-nav ul {
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%;
overflow: hidden;
}

.single-page-nav li {
float: left;
width: 25%;
text-align: center;
padding:1.4rem 0 0.8rem 0;
}
.single-page-nav img {
width:50%;
margin:0;
padding:0;

}
li.logo {
margin:0;
padding:0;
}


.single-page-nav a {
display: block;
color: #666;
text-decoration: none;  
font-weight: 700;
}

.single-page-nav a:hover, 
.single-page-nav .current {
color: #38acec;
}


@media all and (max-width : 64em) { /* 1024px */
body {
}


}

@media all and (max-width : 37.5em) { /* 600px */

.single-page-nav a {
}

.single-page-nav ul {
width: 95%;
padding:1em 0 0 0;
}

.single-page-nav li {
width: 50%;
padding: 0.0em 0;
text-align:left;
font-size:1.0rem;
}


}