.letraA {
  font-family: "Righteous", cursive;
}

.letraB {
  font-family: "ABeeZee", sans-serif;
}

.letraC {
  font-family: "Amaranth", sans-serif;
}

body {
  /*background-image: url("/images/ejemplo.jpg");*/
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #173e84;
}

/* Ahora podemos cambiar solo la propiedad background-image 
@media (min-width: 480px) {

    body {
        background-image: url("/images/cdlz_logo.png");
    }
}
@media (min-width: 768px) {
    body {
        background-image: url("/images/cabanas_fondo.jpg");
    }
}
@media (min-width: 1200px) {
    body {
        background-image: url("/images/cdlz_logo.png");
    }
}
*/

/* The side navigation menu */

.sidenav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  left: 0;

  background-color: rgb(23, 62, 132);
  /* Black*/
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 22px;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */

a {
  color: #ffffff;
}

a:hover {
  color: #dead57;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */

#main {
  transition: margin-left 0.5s;
}

.shadow {
  -webkit-box-shadow: 0px 0px 75px 25px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 75px 25px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 75px 25px rgba(0, 0, 0, 0.75);
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 600px) {
  #emailFooter {
    font-size: 12px;
  }
  #emailContacto {
    font-size: 10px;
  }
}

.video {
  width: 700px;
  height: 400px;
}

@media screen and (max-width: 450px) {
  .video {
    width: 100%;
    height: 200px;
  }
}