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

nav a:link { color: #006600; text-decoration: none; }
nav a: visited { color: #000033; text-decoration: none; }
nav a:focus, nav a:hover { color: #cc66cc; text-decoration: none; }
nav a:active { color: #000000; text-decoration: none; }


body {
    font-size: 1.4rem;
    background-color: white;
    font-family: Helvetica, Arial, sans-serif;
}
#FooterNav { font-size: 1.6rem; }
#footer { font-size: 1.5rem; }
#footer nav { font-size: 1.6rem; }

.my-container nav { font-size: 1.6rem; }

    div {
        background-color: white;
    }
    #gps { font-size: 1.3rem; }
    #special {font-size: 1.3rem; margin-left: auto; margin-right: auto; 
              width: 80%; }
}
@media only screen and (min-width: 992px) {
    nav a:link { color: #006600; text-decoration: none; }
nav a: visited { color: #000033; text-decoration: none; }
nav a:focus, nav a:hover { color: #cc66cc; text-decoration: none; }
nav a:active { color: #000000; text-decoration: none; }
     body { font-family: Helvetica, Arial, sans-serif;
        background-image: url('Background4.jpg');
        background-repeat: repeat; 
        font-size: 1.3rem;
    }
    #footer { font-size: 1.3rem;  }
#footer nav { font-size: 1.5rem; }
.my-container nav { font-size: 1.4rem; }

#container { max-width: 100%; margin-left: auto; margin-right: auto; display:grid; } 
}