.banner{ float: left; width: 100%; height: 338px; background: url(../img/caderno-de-atividades/banner.jpg) no-repeat center top}
.banner-div { float: left; width: 100%; display: flex; justify-content: center; flex-flow: wrap; margin: 195px 0 0 0;}

.engloba-texto{ float: left; width: 90%; margin: 40px 5%; display: flex; flex-flow: wrap; justify-content: center;}
.engloba-texto span{ float: left; background: #ed3e36; font: 15px open_sansbold; color: #fff; padding: 5px 10px; margin: 0 0 10px}
.engloba-texto p{ float: left; width: 100%; color: #0b0b0b; font: 15px open_sansregular; line-height: 25px; text-align: justify}
.engloba-texto p b{ font: 15px open_sansbold;}


.download{ float: left; height: 58px; width: 430px; margin: 42px 0; background: url(../img/caderno-de-atividades/download.png) no-repeat center}
.download1{ float: left; height: 58px; width: 430px; margin: 40px 0 70px; background: url(../img/caderno-de-atividades/download1.png) no-repeat center}
.aproveite{ float: left; width: 100%; height: 70px; background: url(../img/caderno-de-atividades/aproveite.png) no-repeat center}