/* Generales  ++++++++++++*/

@media screen and (max-width: 768px) {
  .col-sm-4 {
    text-align: center;
    margin: 25px 0;
  }
}

img {
  width: auto;
  height: 100%;
  max-height: 50vh;
}

h1 {
  font-size: 24px;
  text-transform: uppercase;
  color: #030303;
  font-weight: 600;
  margin-bottom: 30px;
}

h2 {
  font-size: 24px;
  text-transform: uppercase;
  color: #05042b;
  font-weight: 600;
  margin-bottom: 30px;
}

h4 {
  font-size: 19px;
  line-height: 1.375em;
  color: #010101;
  font-weight: 400;
  margin-bottom: 30px;
}
p {
  color: rgb(10, 71, 9);
}


/*  Icons  ++++++++++++*/
.logo {
  color: #f45f09;
  font-size: 200px;
}

.logo-med {
  font-size: 30px;
  margin-bottom: 30px;
  color: #d216b0;
}

.logo-small {
  font-size: 15px;
  margin-bottom: 15px;
  color: #1329f0;
}


/* Menu  ++++++++++++*/

.navbar {
  margin-bottom: 0;
  background-color: rgb(3, 4, 44);
  z-index: 9999;
  border: 0;
  font-size: 12px !important;
  line-height: 1.42857143 !important;
  letter-spacing: 4px;
  border-radius: 0;
}

.navbar li a, .navbar .navbar-brand {
  color: #fafafd !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
  color: rgb(10, 5, 53) !important;
  background-color: #f9d999 !important;
}

.navbar-default .navbar-toggle {
  border-color: white;
  color: #f70505 !important;
}
img:hover {
  transform: scale(1.2);
}


/* Pantalla de Inicio  ++++++++++++*/

/* Pantalla de Inicio  ++++++++++++*/
.jumbotron {
  background-color: rgb(255, 255, 255);
  background-size: cover;
  background-position: center;
  padding: 100px 25px;
}



.container-fluid {
  padding: 60px 50px;
}



#verde {
  font-family: Helvetica;
  color: #51b853;
}

img {
  height: auto;
  width: auto/9;
  /* Bug de ie8 */
}

/*  Fondo gris  ++++++++++++*/

.bg-grey {
  background-color: #4989a0;
}

/*Footer - pie de pagina*/

.container-footer{
  width: 100%;
  padding: 40px 0;
  background: #f7f7f7;
  margin-top: 40px;
}

.container-footer footer{
  max-width: 1000px;
  margin: auto;
}

.container-footer footer .logo-footer{
  text-align: center;
}

.container-footer footer .logo-footer img{
  width: 100px;
}

.container-footer footer .redes-footer{
  display: flex;
  justify-content: center;
  margin-top: 20px;
}


.container-footer footer .redes-footer .icon-redes-footer{
  font-size: 20px;
  margin: 20px;
  background: #043503ef;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #020202;
}

footer .redes-footer .fa-facebook-f:hover{
  background: #2a08ec;
  color: #fff;
}

footer .redes-footer .fa-google-plus-g:hover{
  background: #18401a;
  color: #fff;
}

footer .redes-footer .fa-instagram:hover{
  background: linear-gradient(to top right, #FCDE30, #E9712A, #D2313B, #AE4198, #7540A1, #5443A8);
  color: #fff;
}


.container-footer footer hr{
  margin-top: 20px;
  border: none;
  height: 2px;
  background: transparent;
}


.container-footer h4{
  text-align: center;
  margin-top: 40px;
  color: #030539;
  font-weight: 600;
}