.page #main-inner {  margin-top: 0; max-width: 100%;  padding:0; }


#article { background:url(/sites/default/files/images/dossiers/marinheiro_vermelho/topo.jpg) no-repeat; padding:26% 0 0 0; margin:0; background-size: 100%;}

#article .submitted {display:none;}



/*----------SEPARADORES----------*/

.separador { display: flex; flex-wrap: wrap; }

.separador a { width: 50%; padding: 10px; box-sizing: border-box; line-height:1em; font-size:.9em; text-align:center; color:var(--secondary-color);  margin:0;}

.separador a:hover { background:#ddd;}

.separador a img { width:100%; height:auto; }

.separador a {  }

@media (min-width:520px){

  .separador a { width:33.333%; }

}

@media (min-width:730){

  .separador a { width:20%; }

}

@media (min-width:1000px){

  .separador a { width:25%; }

}

@media (min-width:1200px){

  .separador a { width:16.666%; }

}

/*----------NOTA INTRODUTORIA----------*/

.nota_introdutoria { text-align: center; margin-bottom: 50px; }

.nota_introdutoria h2 {    letter-spacing: 12px; margin-top: 15px; color: #b0b0b0; text-transform: uppercase; text-align: center;}

.nota_introdutoria button {border: 1px solid #000; background: transparent; font-family :var(--tipo-letra-principal); padding: 8px 14px; margin: 0 auto; cursor: pointer;}

.nota_introdutoria button:hover {color:#fff; background:#000; }

.nota_introdutoria .mais_texto {display: none;}

.nota_introdutoria.mais_texto .mais_texto {display: block;}

.nota_introdutoria.mais_texto button {display: none;}