div, .callout{ font-family:"Roboto", sans-serif; color:#291671  }
.logo{ padding:0.5rem 0; font-weight:700; font-size:1rem; color:#291671; line-height:1rem }
.destaque-evento{ border:0 }
.foto{ position:relative; }
.legenda{ font-size:10px; position:absolute; bottom:10px; right:10px; padding:0 0.2rem; color:white; background-color:rgb(0, 0, 0, 0.5);}

a{ color:#C98247 }
a:hover{ color:#996236 }

.menu{ font-size:16px; margin-top:1.4rem }
.menu li a{ color:#291671 }
.menu li a:hover{ color:#291671; text-decoration: underline }

.button{ background-color:#C98247; margin:0 }
.button:hover{ background-color:#FDDEB1; color:#C98247 }

.img-guias:hover{ opacity:0.8 }
.img-guias img{ filter:drop-shadow(0 0 1px #291671); }

h2{ font-family:"Roboto Slab"; font-weight:300; font-size:32px }
h1, h2, h3, h4, h5, h6{ color:#291671 }

/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}