.topo-representantes{ width: 100%; float: left; height: 534px; background:url(../img/representantes/topo.jpg) no-repeat center top}
.fundo-representantes{ width: 100%; float: left; padding: 0 0 100px; background:url(../img/home/fundo.jpg) no-repeat center top}
.titulo-representantes{ float: left; }
.titulo-representantes b{ float: left; color: #2a3e27; font: 60px slingbold; margin: 160px 0 0 200px}
.titulo-representantes span{ float: left; color: #515151; font: 18px linux_libertineregular; margin: 170px 0 0 75px; width: 445px; line-height: 26px}
.container-representantes{ width: 100%; float: left; margin: 105px 0 0; text-align: center}
.container-representantes div{ width: 270px; height: 255px; display: inline-block; margin: 0 13px 46px; box-shadow: 0px 0px 10px 6px rgba(51, 51, 51, 0.07); background: #fff;}
.container-representantes div p{ width: 100%; float: left; margin: 60px 0 10px; padding: 0 0 40px; color: #2a3e27; font: 22px linux_libertinebold; background: url(../img/representantes/vetor-representantes.png) no-repeat center bottom}
.container-representantes div b{ width: 100%; float: left; margin: 0 0 0; padding: 0; color: #515151; font: 16px linux_libertineregular; line-height: 25px}
@media(max-width: 1220px){
    .fundo-representantes { padding: 0;}
    .titulo-representantes { width: 96%; margin: 40px 2% 20px;}
    .titulo-representantes b { margin: 0; width: 100%; text-align: center;}
    .titulo-representantes br { display: none}
    .titulo-representantes span { margin: 20px 0 0; width: 100%; text-align: justify}
    .container-representantes { margin: 50px 0 0;}
    .container-representantes div { height: 190px;}
    .container-representantes div p { margin: 20px 0 10px; padding: 0 0 20px;}
    .container-representantes div b { line-height: 22px;}
}
@media(max-width: 990px){
    .titulo-representantes { margin: 20px 2%;}
    .titulo-representantes b { font: 20px slingbold;}
    .titulo-representantes span { margin: 15px 0 0;}
    .topo-representantes { height: 250px; background-size: 990px;}
}
@media(max-width: 530px){
    .container-representantes { margin: 20px 0 0}
    .container-representantes div { width: 90%; height: auto; margin: 0 0 20px}
    .container-representantes div b { margin: 0 0 20px}
    .container-representantes div p { margin: 20px 0 10px; font: 20px linux_libertinebold; padding: 0; background: none;}
}