.container {
    padding: 80px 120px;
}

.modal-dialog { 
    max-width : 100% ;
}

[class*="col-"] {
    margin-bottom: 30px;
}

.person {
    border: 10px solid transparent;
    margin-bottom: 25px;
    width: 80%;
    height: 80%;
    opacity: 0.7;
}

.person:hover {
    border-color: #f1f1f1;
}

.carousel-inner img {
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%); /* make all photos black and white */
    width: 100%; /* Set width to 100% */
    margin: auto;
}

.carousel-caption h3 {
    color: orange !important;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-size: 23px;
    background-color: transparent;
    font-weight: bold;

}

@media (max-width: 600px) {
    .carousel-caption {
    display: none; /* Oculta el texto del Carousel cuando el tamaño de la pantalla es menor a 600px */
}
}

.nav-tabs li a {
    color: #777;
}

#googleMap {
    width: 100%; /* Toma todo el espacio de la pantalla */
    height: 400px; /* Altura siempre es 400px */
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); /* Cambia el color del mapa a blanco y negro */
}

/* Le añade un color negro a la NavBar y un poco de transparencia */ 
.navbar {
    margin-bottom: 0;
    background-color: #2d2d30;
    border: 0;
    font-size: 11px !important;
    letter-spacing: 4px;
    opacity:0.9;
}

/* Le da un color grisaceo a todos los links en NavBar */
.navbar li a, .navbar .navbar-brand { 
    color: #d5d5d5 !important;
}

/* Cuando el mouse se pasa por arriba, los links cambian de color */
.navbar-nav li a:hover {
    color: #fff !important;
}

/* Link activo */
.navbar-nav li.active a {
    color: #fff !important;
    background-color:#29292c !important;
}


body {
    font: 400 15px/1.8 Lato, sans-serif;
    color: #777;
}

.navbar {
    font-family: Montserrat, sans-serif;
}

/* Sobrescribe los estilos predeterminados en h3 y h4 */
h3, h4 {
    margin: 10px 0 30px 0;
    letter-spacing: 10px; 
    font-size: 20px;
    color: #111;
}

/* Quita los bordes redondeados en formularios */
.form-control {
    border-radius: 0;
}

/* Quita la posibilidad de redimensionar areas de texto */
textarea {
    resize: none;
}    overflow-y: auto;    
    overflow-x: auto;
    width: auto;
    min-width: 300px;