body {
  margin: 0;
  padding: 0;
  font-family: texgyreadventorregular;
}


#cssouter {
  width: 100%;
  background-image: url(../images/background-photo.jpg);
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-repeat: no-repeat;
  /* Background image is fixed in the viewport so that it doesn't move when the content's height is greater than the image's height */
  background-attachment: fixed;
  /* This is what makes the background image rescale based on the container's size */
  background-size: cover;
  /* Set a background color that will be displayed while the background image is loading */
  background-color: #464646;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
}
#cssmenu {
  width: auto;
  font-family: texgyreadventorregular;
}
#cssmenu:after,
#cssmenu ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu ul li {
  display: inline-block;
}
#cssmenu.align-right ul li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu ul li a {
  font-size: 26px;
  padding: 18px;
  text-decoration: none;
  #text-shadow: #474747 3px 5px 2px;
  background: #bababa;
  text-shadow: #e0e0e0 2px 1px 0;
  #text-shadow: 0px 0px 10px #FFFFFF;
  font-weight: bolder;
  color: #CC5500;


#text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
background: transparent;

}
#cssmenu ul li:hover a,
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
  text-decoration: underline;
}

/* MEDIA QUERIES */

@media (max-width: 400px) {
  #cssmenu ul li,
  #cssmenu.align-center,
  #cssmenu.align-right {
    display: block;
  }
  #cssmenu ul li a {
    padding: 12px;
  }
}

@media (min-width: 401px) and (max-width: 600px) {
  #cssmenu {
    width: 350px;
  }
  #cssmenu ul li a {
    padding: 9px;
  }
}

@media (min-width: 601px) and (max-width: 800px) {
  #cssmenu {
    width: 650px;
  }
  #cssmenu ul li a {
    padding: 12px;
  }
}

@media (min-width: 751px) and (max-width: 1280px) {
  #cssmenu {
    width: 700px;
  }
  #cssmenu ul li a {
    padding: 12px;
  }
}

@media (min-width: 1281px) {
}