body {
  background-color:#D8C6B2;
  color:#5E503F;
}

header, footer {
  background:#5E503F;
  color:#EAE0D5;
}

a {
  color:#22333B;
}

#page {
  background:#EAE0D5;
}

@media screen and (max-width: 768px) { /* Small Devices */  
  
  #mobilenav {
    background:#5E503F;
    border:1px solid #5E503F;
  }
  
  #mobilenav a {
    color:#EAE0D5;
    border-bottom:1px solid #EAE0D5;
  }
}

/*********/

@media screen and (min-width: 769px) { /* Medium & Large Devices */
  nav#topnav a {
    color:#EAE0D5;
    border-right:1px solid #D8C6B2;
  }
  
  nav#topnav a:first-child {
    border-left:1px solid #D8C6B2;
  }
  
  nav#topnav a:not(.activenav):hover {
    box-shadow:inset 160px 0 0 0 #D8C6B2;
    color:#fff;
  }
  
  nav#topnav a.activenav {
    background:#D8C6B2;
    color:#22333B;
  }
}

.block {
  /*border:1px solid #D8C6B2;
  background:rgba(255,255,255,0.1);*/
}