/* CSS Document */
body * {
  font-family: "Anaheim"; }

html, body {
  width: 100%;
  background-color: black; }

a {
  text-decoration: none;
  color: inherit; }

button {
  border: none;
  background-color: rgba(24, 83, 96, 0.6);
  font-family: "Anaheim";
  color: rgba(255, 153, 110, 0.45);
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
  text-transform: uppercase; }

.background_light {
  background-color: rgba(200, 100, 10, 0.8); }

nav {
  background-color: transparent;
  position: fixed; }

canvas {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  z-index: -100; }

section:nth-child(1) {
  position: absolute;
  top: 0px;
  left: 0px; }

section:nth-child(2) {
  position: absolute;
  top: 50px;
  right: 0px; }

header {
  animation: fadeIn 5s ease 1;
  -webkit-animation: fadeIn 5s ease 1;
  z-index: 0; }

section, footer {
  z-index: 100;
  animation: fadeIn 5s ease-in 0s 1;
  -webkit-animation: fadeIn 5s ease-in 0s 1; }

header, #descr, footer {
  background-color: rgba(43, 36, 36, 0.75);
  padding: 0px 10px 10px; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
h1 {
  text-transform: uppercase;
  color: #749274;
  float: left;
  font-size: 48px;
  margin-bottom: 5px;
  margin-right: 10px;
  margin-top: 5px; }

h2 {
  padding: 0px;
  color: #777796;
  clear: both;
  margin-bottom: 5px; }

span {
  font-size: 14px;
  padding: 5px;
  text-transform: none; }

p, small {
  color: #777796; }

h3 {
  width: 200px;
  text-transform: uppercase;
  color: rgba(180, 180, 212, 0.51);
  position: fixed;
  right: 0px;
  margin-top: 27px; }

header {
  position: fixed;
  z-index: 10; }

#date_loc, #date_loc a {
  color: #749274;
  font-size: 17px;
  float: left; }

#date_loc {
  margin-top: 13px; }

#date_loc p {
  color: #749274;
  margin: 0px; }

#loc {
  cursor: pointer; }

#descr a {
  color: #9c9cc1; }

#descr {
  position: absolute;
  padding: 15px;
  max-width: 70%;
  right: 0px;
  top: 65%;
  color: #777796;
  z-index: 20; }

footer {
  position: absolute;
  width: 200px;
  height: 10px;
  top: 900px;
  right: 0px;
  color: #749274;
  font-size: 11px; }

footer a {
  color: #777796;
  text-decoration: none; }

/* ------------------------ GMAP ------------------ */
#googleMap {
  width: 300px;
  height: 300px;
  max-width: 90%;
  margin: auto; }

#Map section {
  margin: 175px auto auto; }

#Map {
  background-color: #2C3330; }

#Map footer {
  position: absolute;
  margin: 20px 0px;
  top: 700px;
  left: 0px; }

/* ------------------------ MEDIA QUERIES ------------------ */
@media (max-width: 800px) and (orientation: landscape) {
  footer {
    top: 515px; } }
@media (max-width: 800px) and (orientation: portrait) {
  footer {
    top: 715px; } }
@media (max-width: 800px) {
  h1 {
    font-size: 39px;
    margin-bottom: 5px; }

  #date_loc a, #date_loc p {
    font-size: 12px; }

  h2 {
    font-size: 20px; }

  footer {
    left: 0px;
    right: auto;
    width: 60px;
    bottom: 0px;
    height: 60px; }

  #Map footer {
    right: 0px;
    left: auto;
    width: 200px;
    height: 12px; } }
@media (max-width: 800px) and (orientation: portrait) {
  header {
    max-width: 100%; } }
@media (max-width: 383px) {
  #date_loc {
    margin: 0px 2px 10px; }

  #Map section {
    margin-top: 170px; } }
/*--------INTERACT-----------*/

/*# sourceMappingURL=recur.css.map */