@font-face {
    font-family: 'GtHapitikBold';
    src: url("https://cea.vteximg.com.br/arquivos/gt-haptik-bold.eot.css");
    src: url("https://cea.vteximg.com.br/arquivos/gt-haptik-bold.eot.css?#iefix") format("embedded-opentype"),
         url("https://cea.vteximg.com.br/arquivos/gt-haptik-bold.woff.css") format("woff"),
         url("https://cea.vteximg.com.br/arquivos/gt-haptik-bold.ttf.css") format("truetype"),
         url("https://cea.vteximg.com.br/arquivos/gt-haptik-bold.svg.css#gt-haptik-bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GtHapitikBold';
    src: url("/arquivos/gt-haptik-bold.svg.css#gt-haptik-bold") format("svg");
    font-weight: bold;
    font-style: normal;
}

body.res-mapa-do-site {
    font-family: "Open Sans", sans-serif;
    text-transform: lowercase;
}

.res-mapa-do-site section {
    display: flex;
    flex-direction: column;
}

.res-mapa-do-site .margin-top {
    margin-top: 75px;
}

.res-mapa-do-site section h1 {
    font-family: 'GtHapitikBold';
    font-size: 24px;
    text-transform: uppercase;
}

.res-mapa-do-site section h2 {
    font-family: 'GtHapitikBold';
    font-size: 20px;
    text-transform: uppercase;
}

.res-mapa-do-site section h2 a {
    text-decoration: none;
}

.res-mapa-do-site section h2 a:hover {
    text-decoration: underline;
}

.res-mapa-do-site section .divisor {
    width: 100%; 
    height: 3px;
    background: #dadada;
    margin-bottom: 13px;
}

.res-mapa-do-site section .grid {
    height: 650px; 
    width: 100%;
    display: table
}

.res-mapa-do-site section .grid[height=xmini] {
    height: 100px;
}

.res-mapa-do-site section .grid[height=mini] {
    height: 200px;
}

.res-mapa-do-site section .grid[height=small] {
    height: 350px;
}

.res-mapa-do-site section .grid[height=medium] {
    height: 470px;
}

.res-mapa-do-site section .grid[height=large] {
    height: 800px;
}

.res-mapa-do-site section .grid[height=xlarge] {
    height: 850px;
}

.res-mapa-do-site section .grid div.grid-item {
    width: 25%;
}

.res-mapa-do-site section .grid div.grid-item[width=full] {
    width:100%;
}

.res-mapa-do-site section .grid ul {
}

.res-mapa-do-site section .grid ul h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 17px;
    margin: 16px 0 16px 0;
    white-space: nowrap;
}

.res-mapa-do-site section .grid ul h3 a {
    text-decoration: none;
}

.res-mapa-do-site section .grid ul h3 a:hover {
    text-decoration: underline
}

.res-mapa-do-site section .grid ul li {
    font-size: 15px;
    list-style: none;
    margin: 15px 0 15px 0
}

.res-mapa-do-site section .grid ul li a {
    text-decoration: none;
}

.res-mapa-do-site section .grid ul li a:hover {
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 769px) {
    .res-mapa-do-site section .grid div.grid-item {
        width: 100%;
    }

    .res-mapa-do-site section .grid {
        height: auto; 
        width: 100%;
        display: table
    }

    .res-mapa-do-site section .grid[height=xmini],
    .res-mapa-do-site section .grid[height=mini],
    .res-mapa-do-site section .grid[height=small],
    .res-mapa-do-site section .grid[height=medium],
    .res-mapa-do-site section .grid[height=large],
    .res-mapa-do-site section .grid[height=xlarge] {
        height: auto;
    }
}