.header { height: 176px; background: url(../../../data/midias/bg-blog.jpg)no-repeat center bottom; position: fixed; }
.topo { height: auto; position: relative; z-index: 11; margin-top: 176px; background: #144b94; padding: 10px 0 20px 0;}
.topo h1 { font-size: 60px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 100; }
.blog { padding: 60px 0; }
.blog .box { width: 100%; height: auto; float: left; padding-right: 20px; }
.blog h2 { font-size: 30px; color: #212223; font-family: 'Montserrat', sans-serif; font-weight: 400; margin-bottom: 40px; }
.blog .principal { margin-bottom: 20px; width: 100%; }
.blog .principal img { }
.blog p { font-size: 16px; color: #212223; font-family: 'Montserrat', sans-serif; font-weight: 300; }
.voltar { width: 155px; height: 45px; display: block; float: left; text-align: center; line-height: 40px; margin-right: 10px; margin-top: 40px; margin-bottom: 20px; }
.voltar a { width: 100%; height: 100%; font-size: 16px; color: #82a824; font-family: 'Montserrat', sans-serif; font-weight: 300; display: block; border-radius: 10px; border: 2px solid #212223; padding-left: 25px; background: url(../../../data/midias/seta-left.png)no-repeat left 25px center; }
.voltar:hover a { color: #fff; background-color: #212223; border: 2px solid #212223; }
.galeria { width: 100%; height: auto; float: left; display: block; margin-top: 20px; }
.galeria a { width: 200px; height: 200px; float: left; display: block; overflow: hidden; margin: 0 20px 20px 0; }
.galeria a img { width: 100%; height: auto; min-height: 100%; }
aside { width: 100%; height: auto; float: left; background-color: #eeefef; padding: 30px 20px; }
.encaminha { width: 100%; height: auto; float: left; display: block; }
span.categoria { font-size: 24px; color: #191919; font-family: 'Montserrat', sans-serif; width: 100%; float: left; font-weight: 700; margin-bottom: 10px; }
.encaminha .title { font-size: 18px; color: #191919; font-family: 'Montserrat', sans-serif; width: 100%; float: left; font-weight: 300; margin-bottom: 10px; margin-top: 0; }
.encaminha:hover .categoria { color: #82a824; }
.encaminha figure { width: 100%; height: auto; float: left; margin-bottom: 40px; overflow: hidden; }
.encaminha:last-child figure { margin-bottom: 0; }
.encaminha figure img { width: 100%; height: auto; float: left; }
.encaminha:hover figure img { transform: scale(1.05); }
.voltar:hover a, .voltar a, .encaminha .categoria, .encaminha:hover .categoria, .encaminha figure img, .encaminha:hover figure img { -webkit-transition: .2s ease; -moz-transition: .2s ease; -ms-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; }
@media screen and (max-width:1200px) {
    .topo h1 { font-size: 40px; margin-top: 0px; }
    .galeria a { width: 178px; height: 178px; }
    .header { height: 178px; }
    .topo { padding: 0; }
    .header { height: 178px; }
    .topo { padding: 10px 0 0px 0; }
}
@media screen and (max-width:992px) {
    .encaminha { width: 33%; padding-right: 10px; }
    aside { padding: 10px 15px; margin-bottom: 20px; }
    .encaminha .categoria { font-size: 20px; }
    .encaminha .title { font-size: 16px; }
    .encaminha figure { margin-bottom: 0; }
    .blog { padding: 20px 0; }
    .blog .container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; flex-flow: column-reverse; }
    .noticia { margin-bottom: 20px; }
    .noticia figure { width: 180px; height: 188px; }
    .noticia .box { width: 470px; }
    .noticia .ver-mais { width: 160px; height: 40px; line-height: 36px; font-size: 14px; }
    article { padding: 0 !important; }
    .paginacao { margin: 20px 0 40px 0; }
    .galeria a { width: 160px; height: 160px; }
}
@media screen and (max-width:767px) {
    .topo h1 { font-size: 28px; text-align: center; margin-top: 20px; color: #222223; font-weight: 700; border-bottom: 1px solid #222223; padding-bottom: 15px; }
    h2 { font-size: 22px; margin-top: 10px; }
    p { font-size: 14px; }
    .blog { padding: 0px 0; }
    .encaminha { width: 100%; padding-right: 0px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
    .encaminha figure { display: none; }
    .encaminha span { text-align: center; }
    .noticia .ver-mais { position: relative; left: 50%; margin-left: -80px; }
    .blog h2 { font-size: 20px; color: #212223; font-family: 'Montserrat', sans-serif; font-weight: 400; margin-bottom: 20px; }
    .blog .principal { float: right; margin: 0 0px 10px 0px; width: 100%; }
    .blog p { font-size: 14px; }
    .galeria a { width: 50%; height: 160px; margin: 0; padding: 5px; }
    .galeria { margin-top: 10px; }
    .header { height: 62px; }
    .blog .container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: column; }
    .topo { margin-top: 70px; background: transparent; }
}