/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@font-face {
  font-family: 'dense';
    src: url('../fonts/dense-regular.eot');
    src: local('☺'), url('../fonts/dense-regular.woff') format('woff'), url('../fonts/dense-regular.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  color: white;
  background: black;
  font-family: dense;
  font-size: 18px;
  overflow: hidden;
  margin-bottom: 25px;
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000;
	z-index:99;
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	background-image:url(../images/loader.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px;
}

a {
  color: #dae0e5;
}
a:hover {
  color: #777;
  text-decoration: underline;
}
.navbar {
    padding: 1rem;
}
.bg-dark {
    background-color: #1c1c1c!important;
}

.somos h2 {
  font-size: 46px;
  line-height: 55px;
}

.somos p {
  font-size: 20px;
  line-height: 32px;
}

.aviso h2 {
  font-size: 46px;
  line-height: 55px;
}

.aviso p {
  font-size: 24px;
  line-height: 24px;
}

.escribenos {
    max-width: 600px;
}

.escribenos h1 {
  font-size: 46px;
}

.form-control {
  background: #444;
  color: white;
  border: 1px solid #777;
  border-radius: 0;
  font-size: 18px;
}

.btn-primary {
  background-color: #777;
  border-color: #444;
  font-size: 22px;
}

.btn-primary:hover {
  background-color: #444;
  border-color: #777;
}

#map {
  min-height: 300px;
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
  background: #000;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

.carousel-item img {
  width: 100%;
}

.navbar-nav {
  flex-direction: row-reverse;
}

.navbar-nav li {
  padding-left: 40px;
  font-size: 22px;
  text-transform: uppercase;
}

.proyectos .item {
  width: 100%;
  min-height: 500px;
  background-size: cover;
  display: grid;
  position: relative;
  cursor: pointer;
  margin-bottom: 50px;
}

.proyectos .item h2 {
  z-index: 3;
}

.overlay:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.overlay:hover::after {
  background: rgba(0, 0, 0, 0.3);
}

.card {
  border: none;
}

.album {
  display: none;
}

footer {
  font-size: 14px;
  background: #272727;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35px;
}
  footer p {
    margin: 7px 0;
  }

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

@media only screen and (max-width: 479px) {
  .somos {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .proyectos .item {
    background-position: center;
  }

  .album {
    display: block;
  }

  footer .container {
    padding-top: 5px;
  }
}