#infoarte .main .main__content{ z-index: 999999 !important}
.protected-content{ height: 100%; }
.main{ z-index: 0 !important; }
.head-materia { margin-top: 35px; text-align: center; }
.head-materia h1 { line-height: 1em; margin: 5px 0 5px; font-size: 3.75em; font-family: WhitmanDisplayCond-Bold,Arial,sans-serif; color: #000; }
.head-materia h2 { margin: 25px 0 35px 0; font-size: 1.25em; font-weight: 500; color: #696969; font-family: Arial,sans-serif; }
@media screen and (max-width: 640px) {
  .head-materia { padding: 0 5px; }
  .head-materia h1 { font-size: 2.5em; }
  .head-materia h2 { margin: 25px 0 0 0; font-size: 1.1em; }
}

p.credit { color: #666; margin-top: 20px; margin-bottom: 20px; font-size: 14px; }


/* 'storyjs-embed' se refere as infos de timeline */
div.storyjs-embed .content .content-container .text h2.date { font-family: Arial !important; }

div.storyjs-embed .content .content-container .text h3 { font-family: Georgia !important; font-weight: bold !important; color: #000 !important; }
div.storyjs-embed .content .content-container .text p { font-family: Georgia !important; font-size: 16px !important; color: #000 !important; }