.topo{float: left; width: 100%; height: 330px; position: relative; margin: 0 0 50px; background: #F1F8FB;}
.topo .container,
.topo .row,
.topo .col-md-12{position: relative;}
.topo .title-page{position: absolute; left: 0; bottom: -330px; width: 100%; color: #886135; font: 36px mont-light; margin: 0; border-bottom: solid 1px #EEE5D6; text-transform: uppercase;}
.topo .title-page .sep{float: left; width: 115px; height: 6px; background: #BE9A61; margin: 15px 0 0;}

.box-conteudo{float: left; width: 100%; margin: 0; color: #3F1409;}
.box-conteudo p{float: left; width: 100%; color: #3F1409; margin: 0 0 20px; font: 20px roboto-light;}
.box-conteudo p strong{font: 20px mont-regular;}
.box-conteudo .hr{float: left; width: 100%; height: 1px; background: #e7e7e7; margin: 30px 0;}


@media(max-width: 1199px){
    .topo{height: 150px;}
    .topo .title-page{bottom: -150px;}
}
@media(max-width: 575px){
    .topo .title-page{font: 24px mont-light; padding: 0 15px;}
}