body {
    background-color: #f8f9fa;
}
.container-fluid, #menuHeader, #cardsMenu, #acercaIgeoc {
    margin: 0px;
    padding: 0px;
}
.bg-dark {
    background-color: #18121E !important;
}
.dropdown-item:hover {
    background-color: #984B43;
    color: white;
}
.dropdown-item:focus {
    background-color: #984B43;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #EAC67A;
}
#logoHeader img{
    height: 20px;
}
.cards {
    padding: 0px;
    margin: 0px;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #984B43;
}
.cardTitle {
    text-align: justify;
}
.cardText {
    text-align: justify;
}
#cardMenu {
    background-color: rgba(255, 255, 255);
    padding: 0px;
    border-radius: 15px;
}
.imgCardMenu {   
    height: 80px;
    margin-top: 24px;
}
.cardHover:hover {
    background-color:  rgb(241, 239, 239);
    border-radius: 15px;
}
.card-title {
    color: #18121E !important; 
}
.card-text {
    color: #233237 !important;
}
.cardHover:hover .card-title {
    color: #984B43 !important;
}
.cardHover > h5 {
    text-align: center;
    padding-top: 12px;
}
.cardHover {
    padding-bottom: 24px;
}
#cardMenu > a{
    text-decoration: none;
}
#quienesSomos {
    text-align: justify;
    font-size: x-large;
}
#acercaIgeoc > div {
    padding: 10px;
    text-align: center;
}
#visionMision {
    margin-bottom: 48px;
}
#visionMision > div > div > p {
    text-align: justify;
}
#sismicaActiva, #sismicaPasiva {
    padding: 24px;
    margin: 0px;
}
#sismicaActiva > h1, #sismicaPasiva > h1, #serviciosNoConvencionales > h1, #innovacion > h1{
    margin-top: 24px;
    margin-bottom: 48px;
    text-align: center;
    width: 100%;
}
.carosuelRowServicios {
    margin: 0px;
    padding: 24px;
    padding-bottom: 48px;
    height: fit-content;
}
.carosuelRowServicios > h2 {
    width: 100%;
    margin-top: 24px;
    text-align: center;
}
.carosuelRowServicios > p {
    text-align: justify;
}

.carosuelRowServicios > ul {
    text-align: justify;
}
.carItemServicios {
    width: inherit;
}
#serviciosNoConvencionales, #serviciosNoConvencionales {
    margin: 0px;
    padding: 0px;
}
.carouselServNoConv {
    padding: 0px;
    margin-bottom: 60px;
}
.carItemServNoConv {
    max-height: 300px;
    min-height: 100px;
}
#experiencia, #presencia, #pasarela,
#pasarela > div, #pasarela > div > div, 
#pasarela > div > div > div
{
    padding: 0px;
    margin: 0px;
}
#presencia > h2 {
    padding-top: 48px;
}
#experiencia > h1, #pasarela > h2, h2{
    width: 100%;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
}
#experiencia > div > img{
    width: inherit;
}
.myFooter {
    display: table;
    margin: 0px;
    padding: 0px;
    height: 48px;
    background-color: #18121E !important;
}
.privacyFooter {
    padding-right: 48px;
    color: #EAC67A;
    display: table-cell;
    vertical-align: middle;
    text-align: end;
}
.privacyFooter:hover {
    color:#984B43;
}
.bg-mov > h2 {
    margin: 0px;
    padding: 0px;
}
#contacto, #sucursales, #matrizQro {
    padding: 0px;
    margin: 0px;
}
#sucursales, #matrizQro {
    padding-left: 24px;
}
#contacto > h2 {
    width: 100%;
    font-size: 48px;
    margin: 0px;
    padding: 0px;
    padding-top: 48px;
    padding-bottom: 48px;
}
#sucursales > h2 {
    padding: 0px;
    margin: 0px;
    padding-top: 60px;
}
#mapaQro > iframe {
    width: 85%;
    height: 100%;
}
#mapaQro {
    text-align: center;
    margin: 0px;
    padding: 0px;
}
#matrizQro > p, #sucursales > div > p {
    font-size: large;
    margin: 0px;
    padding: 0px;
}
#politicas {
    padding: 48px;
}
#politicas > h1, #politicas > p, #politicas > ul, #politicas > ol{
    width: 100%;
    margin: 0px;
    padding-top: 24px;
    text-align: justify;
}
@media (min-width: 320px) { 
     .carousel-item > img {
        width: inherit;
    }
    #igeoc_img {
        width: inherit;
        height: auto;
    }
    #carouselPasarela {
        min-height: 350px;
        max-height: 350px;
    }
    #carouselPasarela > div > div > img {
        padding-bottom: 48px;
        max-width: 50%;
    }
    .bg-mov {
        background-color: #eac77a;
    }
}

@media (min-width: 768px) { 
    .carousel-item > img {
        width: inherit;
    }
    #cardsMenu {
        margin-top: -140px;
    }
    #menuFooter .myFooter {
        margin-top: -7px;
    }
    #cardsMenu {
        background-color: rgba(255, 255, 255);
    }
    #carouselPasarela {
        min-height: 150px;
        max-height: 150px;
    }
    #carouselPasarela > div > div > img {
        padding: 0px;
        margin: 0px;
        padding-left: 48px;
        padding-right: 48px;
        width: fit-content;
    }
    .bg-mov {
        background-color:transparent;
    }
}
@media (min-width: 992px) {
    .carousel-item > img {
        width: inherit;
    }
    #cardsMenu {
        margin-top: -200px;
    }
    #menuFooter .myFooter {
        margin-top: -7px;
    }
    #cardsMenu {
        background-color: rgba(255, 255, 255);
    }   
}
@media (min-width: 1150px) {
    #cardsMenu {
        background-color: transparent;
    }
    .carousel-item > img {
        width: inherit;
    }
    #cardsMenu {
        margin-top: -250px;
    }
    #menuFooter .myFooter {
        margin-top: -7px;
    }
}
@media (min-width: 1441px) {
    .carousel-item > img {
        width: inherit;
    }
    #cardsMenu {
        margin-top: -320px;
    }
    #menuFooter .myFooter {
        margin-top: 80px;
    }
}