.single-page-nav {
width: 100%;
text-align: center;
padding: 0;
z-index: 1000;
}
.single-page-nav ul {
list-style: none;
margin-left: 7%;
width: 80%;
overflow: hidden;
text-align: center;
}
.single-page-nav li {
float: left;
text-align: center;
margin-right: 0%;
width: 14.285%;
}
.single-page-nav a {
display: block;
color: #620b65;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-size: 1.2vw;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1pt;
}
.single-page-nav a:hover,  .single-page-nav .current {
color: #620b65;
padding-bottom: 4%;
border-bottom: 3px solid #faa61a;
background: none;
}
.section {
width: 100%;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}
 @media all and (max-width: 958px) { /* 1024px */
.section {
width: 100%;
}
.single-page-nav li {
float: left;
margin-right: 0%;
width: 16.666%;
}
.single-page-nav a {
font-size: 1.8vw;
}
.single-page-nav ul {
margin-left: 0%;
width: 88%;
}
}
 @media all and (max-width : 540px) { /* 600px */
.single-page-nav li {
float: left;
width: 100%;
padding: 0;
margin-left: 0;
}
.single-page-nav a {
font-size: 3.2vw;
}
.single-page-nav ul {
width: 100%;
padding-left: 0;
margin: 0;
}
.section {
width: 100%;
}
.single-page-nav li a,  .single-page-nav li a:active {
color: #620b65;
border-bottom: 0px;
padding: 4% 0;
background: none;
border-bottom: 1px solid #CCC;
}
.single-page-nav .current  {
color: #fff;
border-bottom: 1px solid #CCC;
padding: 4% 0;
background: #620b65;
}
.single-page-nav li a:hover {
color: #fff;
border-bottom: 1px solid #CCC;
padding: 4% 0;
background: #faa61a;
}
.sticky {
  position: relative;
  top: 0;
  width: 100%;
}
}