/* CSS for mobile devices */

.mobile-hidden, .mobile-hidden.hidden, .desktop-hidden.hidden,
#right {
display: none;
}
.desktop-hidden {
display: block;
}

#container {
width: 100%;
}

#top {
height: 100px;
padding-left: 20px;
}

#left {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}

#left .hfeed {
    padding: 20px;
}

#left > p {
    padding: 0 20px;
}

img {
   max-width: 100%;
}



/*----- Menu -----*/

nav {
  margin: 0 auto;
  width: 100%;
  text-align: right;
  position: relative;
  background: rgba(255, 255, 255, 1.0);
  border-bottom: 1px solid white;
}

nav ul {
  margin: 0;
  padding-right: 10px;
  padding-left: 10px;
}

nav ul li {
  list-style: none;
  margin: 0;
  display: inline;
}

nav ul li a {
  color: #009999;
  position: relative;
  padding: 0 0 0.5em 0;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
}

nav ul.menu li a:hover {
  color: #03405f;
  border-bottom: 2px solid #03405f;
}
/*----------------*/