@charset "UTF-8";
/*
* CSS by Fabian Mariño
* https://www.linkedin.com/in/fabianmarino/
*/
@import url(reset.css);
.base-font, body, input[type="text"], input[type="password"],
input[type="email"], textarea, select {
  font-family: 'Vollkorn', serif; }

/* =================================================
*  Global styles
================================================== */
/* STANDARD AND EXTENDED ELEMENTS
================================================ */
/* Basic Styles
· · · · · · · · · · · · · · · · · · · · · · · · */
body, html, .container-fluid {
     height: 100%;
}
html {
  background: #fff; }

body {
  overflow-x: hidden;
  font-size: 16px;
  font-weight: 200; }

.sharp.lang {
  border-radius:12px;
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  font: 15px;
  padding-top: 7px:
  padding-bottom: 7px;
  padding-left: 17px;
  padding-right: 17px;
}
a:hover {
  text-decoration: none;
}
/* Typography
· · · · · · · · · · · · · · · · · · · · · · · · */
h1, h2, h3, h4, h5, h6, p, input, select, textarea, button, table, .nav {
  margin-bottom: 10px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  margin-bottom: 15px;
  color: #333333;
  line-height: 1.4; }

h1 {
  font-size: 50px;
  font-weight: 300;
  text-transform: uppercase; }

h2 {
  font-size: 72px;
  font-weight: 600;
  text-transform: uppercase;
  color: #FFF;
  text-shadow: 0px 3px 25px rgba(0, 0, 0, 0.6);;
}

h3 {
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 16px; }

@media only screen and (max-width: 480px) {
  h1 {
    font-size: 40px; }

  h2 {
    font-size: 56px; }

  h3 {
    font-size: 19px; }

  h4 {
    font-size: 12px; }

  h5 {
    font-size: 12px; }

  h6 {
    font-size: 12px; } }

  .spacer {}

#d2amb, #d3amb, #hall, #contacto {
    padding: 2% 0;
    background-color: #000000; /* fallback color */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.95;
  }
  
  #d2amb {
    background-image: url(../img/2amb.jpg);
  }
  #d3amb {
    background-image: url(../img/3amb.jpg);
  }
  #hall {
    background-image: url(../img/hall.jpg);
  }
  #contacto {
    background-image: url(../img/contacto.JPG);
  }
  /* utility */
  .test{
    background-color: green;
    border: 1px solid cyan;
  }