html {
  height: 100%
}

body {
  background: url("") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: white;
  height: 100%
}

.jumbotron {
  background-size: cover;
}

h3 {
  margin-top: 0px !important;
}

#redes {
  color: white;
  font-size: 2em;
  padding: 0.4em;
}

.boton_chat>.btn-lg {
  padding: 15px 30px;
  font-size: 20px;
  border-radius: 30px;
}

.boton_chat {
  font-size: 2em;
  padding-bottom: 2em;
}

.lead {
  letter-spacing: 0.06em;
}

#logo_cabecera {
  width: 100%;
  left: 40px;
  background-color: white;
}

.alert-info {
  padding-left: 2em;
  padding-right: 2em;
  color: #341208;
  background-image: url("");
}

#cabezote {
  padding-top: 6em;
  background: url(https://i.ytimg.com/vi/a-8PUFLnFgc/maxresdefault.jpg) fixed center no-repeat;
  background-size: cover;
  text-shadow: 0px 2px 3px rgb(0, 0, 0);
  color: white;
}

.linea_botones {
  display: inline-block;
  text-align: center;
  margin: 1em;
}

.texto_botones {
  font-size: 2em;
}

.btn-circle.btn-xl {
  width: 4em;
  height: 4em;
  padding: 1.5em;
  font-size: 2em;
  line-height: 1.33;
  border-radius: 5em;
  display: inline-flex;
}

.franja {
  color: white;
  background: -webkit-linear-gradient(left, #3931af, #00c6ff);
  margin-bottom: 2em;
}

.navbar {
  background: -webkit-linear-gradient(left, #121312, #1db36e);
  color: white;
  margin-bottom: 0px !important;
}

.navbar-header>p {
  font-size: 20px;
  color: white;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  display: inline
}

.navbar-header>a {
  font-size: 20px;
  color: white;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  display: inline
}

.navbar-header>strong {
  font-size: 20px;
  color: white;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  display: inline
}

/*.navbar-header {width: 50%;}*/

.div_aplicacion {
  background-color: #f0eee1 !important;
}

.div_aplicacion:hover {
  -webkit-animation: animatedBackground 1s ease-out 1;
  -moz-animation: animatedBackground 1s ease-out 1;
  animation: animatedBackground 1s ease-out 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 10000;
}

#creditos {
  column-count: 4;
  column-gap: 1em;
}

.img_creditos {
  background-color: white;
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
}

.img_grad {
  max-width: 15em;
}

/* Masonry on large screens */

@media only screen and (min-width: 1024px) {
  #creditos {
    column-count: 4;
  }
}

/* Masonry on medium-sized screens */

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  #creditos {
    column-count: 3;
  }
}

/* Masonry on small screens */

@media only screen and (max-width: 767px) and (min-width: 540px) {
  #creditos {
    column-count: 2;
  }
}

@media max-width: 540px {
  #creditos {
    column-count: 1;
  }
}

@-webkit-keyframes animatedBackground {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
  }
}

@-moz-keyframes animatedBackground {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
  }
}

@keyframes animatedBackground {
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
  }
}

.pie {
  padding-bottom: 1em;
  padding-top: 2em;
  font-size: 1.5em;
}