/* >>>>>>>navigation button links<<<<<<< */
#menubuttoncontent {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}
.topnav {
    overflow: hidden;
    background-color: #FDFBF7;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1), 0 .1px 20px 0 rgba(0, 0, 0, 0.1);
      /* right down blur spread color/opacity */
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}
.topnav a {
    float: left;
    display: block;
    background-color: #FDFBF7;
    text-align: center;
    padding: 12px 20px 10px 20px;
    text-decoration: none;
    font-size: 14px;
    color: #404040;
    z-index: 3;
}
.topnav a:hover {color: #A9A9A9;
    background: #FDFBF7;
}
.topnav .active {
    color: black;
    background: #FDFBF7;
}
.topnav .icon {
    display: none;
}
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    }
@media screen and (max-width: 700px) {
    .topnav a {display: none;}
    .topnav a.icon {display: block;}
}
@media screen and (max-width: 650px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {position: absolute; right: 0;  top: 0;}
}
@media screen and (min-width: 2000px) {
    .topnav a {font-size: 24px;}
    .info {font-size: 170%;}
}