@media (max-width: 1098px) { 
	footer .seccao1 .container { flex-direction: column; }
	footer .seccao1 .col2 p { margin: 0 !important; }
}

/* IE10+ CSS styles for flexbox bug */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	footer .seccao1 .col1, footer .seccao1 .col2 { min-height: 250px; }
	footer > * { display: block; }
}

@media (min-width: 1099px) {
	footer .seccao1 .container { flex-direction: row; }
}

h1, h2, h3, h4, h5, h6 { color: #6B4C20; }

.red1 { color: #a42628; }

header { min-height: 78px; background: url('../img/top.png') repeat-x; }
header .langs { padding: 6px 0 0 0; list-style-type: none; }
header .langs li { display: inline; }
header .langs a { color: #6B4C20; font-size: 1rem; padding: 0.2rem 0.4rem; }
header .langs a:hover { text-decoration: none; border-bottom: 2px solid #6B4C20; }
header .logo { position:relative; margin: 0 auto 1rem auto; width: 289px; height: 356px; background: url('../img/logo.png') no-repeat bottom center; }

main { padding-top: 2rem; padding-bottom: 3rem; }

.card-group-type2 { margin-left: auto; margin-right: auto; margin-top: 2rem; margin-bottom: 2rem; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; }
.card-group-type2 .card { border-style: none; margin-right: 1rem; }
.card-group-type2 img:hover { background-color: #ecd97d;}
.card-group-type2 .card-body { text-align: center; }
.card-group-type2 .card-title { font-weight: bold; }
.card-group-type2 :last-child { margin-right: 0; }

a { color: #a42628; }
a:hover { color: #a42628; }
.bio a { color: #a42628; }
.bio a:hover { color: #a42628; }

footer { color: #fff; }
footer section { padding: 1.5rem 0; }
footer .seccao1 { font-size: 0.95rem; background-color: #505050; }
footer .seccao2 { font-size: 0.85rem; background-color: #3C3C3C; }
footer .logos img { margin-right: 1rem; }
footer .titulo { font-weight: bold; font-size: 1rem; margin: 1rem 0 0.5rem 0; }
footer .seccao1 .container { display: flex; justify-content: space-between; }
footer .seccao1 .col1 { flex: 1 1 76%; margin-right: 0.5rem; }
footer .seccao1 .col2 { font-size:0.92em; flex: 1 2 24%; }
footer .logos { display: flex; flex-direction: row; flex-wrap: no-wrap; justify-content: flex-start; align-items: center; }
footer a { color: #fff; }
footer a:hover { color: #fff; }

/* Scroll to top */
.scroll-top { position: fixed; display: block; visibility: hidden; z-index: 9999; background-color: #ecd97d; padding: 0.1rem 0.8rem 0.3rem 0.8rem; text-align: center; bottom: 15px; right: 15px; }
.scroll-top a { color: #000; font-size: 2rem; font-weight: bold; }
.scroll-top a:hover { color: #000; border-bottom-style: none; text-decoration: none; }

/* Logo Animation */
.particula { visibility: hidden; position: absolute; animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: 8s; }
.particula1 { z-index: 2; top: 40%; left: 36%; animation-name: up1; animation-duration: 10s; }
.particula2 { z-index: 2; top: 30%; left: 40%; animation-name: up2;  }
.particula3 { z-index: 2; top: 38%; left: 33%; animation-name: up2; animation-delay: 200ms; }
.particula4 { z-index: 3; left: 44%; animation-name: up2; animation-delay: 200ms; }
.particula5 { z-index: 2; left: 49%; animation-name: up3; }
.particula6 { z-index: 1; left: 41%; animation-name: up3; animation-delay: 280ms; }
.particula7 { z-index: 1; left: 54%; animation-name: anim1;  }
.particula8 { z-index: 1; left: 56%; animation-name: anim2;  }
.particula9 { z-index: 1; left: 36%; animation-name: anim2; animation-delay: 280ms;  }
.particula10 { z-index: 1; top: 36%; left: 44%; animation-name: up1; animation-delay: 1s;}		
.particula11 { z-index: 3; top: 36%; left: 44%; animation-name: up1; animation-delay: 1.5s;}
.particula12 { z-index: 2; top: 36%; left: 40%; animation-name: up1; animation-delay: 1.2s;}
.particula13 { z-index: 4; top: 36%; left: 31%; animation-name: up1; animation-delay: 500ms;}
.particula14 { z-index: 4; top: 36%; left: 47%; animation-name: up1; animation-delay: 30ms;}
.particula15 { z-index: 1; top: 36%; left: 48%; animation-name: up1; animation-delay: 2s;}
.particula16 { z-index: 2; top: 36%; left: 42%; animation-name: up4; animation-delay: 2.1s;}
.particula17 { z-index: 3; top: 36%; left: 33%; animation-name: up3; animation-delay: 2.2s;}
.particula18 { z-index: 4; top: 36%; left: 39%; animation-name: up4; animation-delay: 2.3s;}
.particula19 { z-index: 5; top: 36%; left: 40%; animation-name: up2; animation-delay: 2.4s;}
.particula20 { z-index: 6; top: 36%; left: 37%; animation-name: up4; animation-delay: 2.5s;}
.particula21 { z-index: 7; top: 36%; left: 50%; animation-name: up1; animation-delay: 2.6s;}
.particula22 { z-index: 8; top: 36%; left: 48%; animation-name: up4; animation-delay: 2.7s;}
@keyframes anim1 { from { visibility: visible; top: 30%; opacity: 1; } to { top: 1%; opacity: 0; } }
@keyframes anim2 { from { visibility: visible; top: 30%; opacity: 1; } to { top: 1%; opacity: 0; } }
@keyframes anim2 { from { visibility: visible; top: 40%; opacity: 1; } to { top: 1%; opacity: 0; } }
@keyframes up1 { from { visibility: visible; top: 36%; opacity: 1; } to { top: 5%; opacity: 0; } }
@keyframes up2 { from { visibility: visible; top: 26%; opacity: 1; } to { top: 3%; opacity: 0; } }
@keyframes up3 { from { visibility: visible; top: 27%; opacity: 1; } to { top: 2%; opacity: 0; } }
@keyframes up4 { from { visibility: visible; top: 36%; opacity: 1; } to { top: 6%; opacity: 0; } }