#foot {margin: 0 auto 0 auto;}
#mapa-cien {width: 100%;min-height: 200px;background: #fff;box-shadow: 0 200px 260px #fff;z-index: 11;position: relative;margin: 0 auto -20px;max-width: 1920px;}
.mapa-cien {width:100%;height:160px;background: url('img/mapa-cien.webp');top:0;left:0;right:0;position: absolute;z-index: 10;}
#mapa-cien h1 {margin: 40px 0 20px;
    color: #333;
    font-size: 1.52em;
    font-weight: 600;
    text-align: left;
    max-width: 1120px;
    line-height: 1.2em;
    font-family: 'Poppins',Arial,Verdana,Tahoma;
    text-transform: uppercase;
    letter-spacing: 2px;}
#mapa-cien h3 {padding: 0;
    font-weight: 700;
    font-size: 3.5em;
    text-align: left;
    line-height: 1.3em;
    font-family: 'Lato',Arial,Verdana,Tahoma;
    max-width: 880px;
    color: #333;
    margin: 0;
    letter-spacing: 0;}
#mapa-cien h2 {margin: 20px auto 10px auto;
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    line-height: 38px;
    font-family: 'Lato',Arial,Verdana,Tahoma;
    text-transform: none;}

#mapa-cien span {width: 80px; display: inline-grid;}
#page div.content h2 {
    padding-top: 0;
  }
  .mapa {opacity: 1;}
@media (min-width: 960px) {
    #content {padding: 0;width: 50%;}
        #mapa-cien div {width:50%;padding-left: 50%;
}}
@media (min-width: 1360px) {
    #page div.content p {font-size: 18px;line-height: 32px;}
    #page div.content a {color:#304076;}
}

@media (max-width: 768px) {
#page div.content h2 span {width: 70px !important;}
#page div.content h2 {font-size: 16px;}
#page div.content p {text-align: left;}
}