background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMC41Ij48cG9seWdvbiBmaWxsPSIjMjIyIiBwb2ludHM9IjExLDAgNS41LDkgMCwwIi8+PC9zdmc+);

.loc-nav {
    background-color:#b8deb4; 
    height:48px; 
    width:100%;
  }
  
.loc-button {
    background-color: #b8deb4; 
    border: none;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:bold;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

  }

.loc-button:hover {
    background-color: navy; 
    color: white;
  }

loc-img {
    width:100%;
    height:auto;
  }
  

.loc-content {
    font-size: 16px;
    font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #000;
    max-width:920px;
    padding:10px;
    text-align:left;
    box-shadow: 10px 10px 5px #888888;
    border:solid black 1px;
  }
  
.loc-footer {
    color: #000000;
    font-family:arial;
    font-size: 12px;
    display: inline-block;
    text-align:center;
    padding: 15px 32px;
    width:100%;
    background-color:#b8deb4;
    
  }
  
 .loc-footer a:link{
   color:#000000;
   text-decoration:none;
 }

 .loc-footer a:visited{
   color:black;
   text-decoration:none;
 }

 .loc-footer a:active{
   color:black;
   text-decoration:none;
 }

 .loc-footer a:hover{
   color:yellow;
   text-decoration:none;
 }