@media screen and (min-width: 560px) {
     .fundo {
         width: 560px;
         position: absolute;
         height: 400px;
         top: 780px;
         left: 0px;
     }
     .abeltxt,
     .robertotxt,
     .rogeriotxt,
     .danieltxt,
     .fabianotxt,
     .juliotxt,
     .erictxt {
         display: none;
         position: absolute;
         top: 1180px;
         width: 560px;
         height: 378px;
         z-index: 100;
     }
     .marcolatxt {
         background-image: url(../images/marcola-ficha.jpg);
         position: absolute;
         top: 1180px;
         width: 560px;
         height: 378px;
         z-index: 50;
     }
     .abeltxt {
         background-image: url(../images/abel-ficha.jpg);
     }
     .robertotxt {
         background-image: url(../images/Roberto-soriano-ficha.jpg);
     }
     .rogeriotxt {
         background-image: url(../images/rogerio-geremias-ficha.jpg);
     }
     .danieltxt {
         background-image: url(../images/daniel-vinicius-ficha.jpg);
     }
     .fabianotxt {
         background-image: url(../images/fabiano-ficha.jpg);
     }
     .juliotxt {
         background-image: url(../images/julio-cesar-ficha.jpg);
     }
     .erictxt {
         background-image: url(../images/eric-oliveira--ficha.jpg);
     }
     .marcola {
         width: 100px;
         height: 100px;
         position: absolute;
         left: 27px;
         top: 832px;
         background-image: url(../images/marcola.jpg);
     }
     .marcola:hover {
         width: 100px;
         height: 100px;
         position: absolute;
         left: 27px;
         top: 832px;
         z-index: 10;
         background-image: url(../images/marcola-click.jpg);
     }
     .abel,
     .roberto,
     .rogerio,
     .daniel,
     .fabiano,
     .julio,
     .eric {
         width: 56px;
         height: 56px;
         position: absolute;
         z-index: 100;
     }
     .abel {
         left: 107px;
         top: 1104px;
         background-image: url(../images/abel.jpg);
     }
     .abel:hover {
         left: 107px;
         top: 1104px;
         background-image: url(../images/abel-click.jpg);
     }
     .roberto {
         left: 168px;
         top: 1009px;
         background-image: url(../images/Roberto-soriano.jpg);
     }
     .roberto:hover {
         left: 168px;
         top: 1009px;
         background-image: url(../images/Roberto-soriano-click.jpg);
     }
     .rogerio {
         left: 230px;
         top: 1104px;
         background-image: url(../images/rogerio-geremias.jpg);
     }
     .rogerio:hover {
         left: 230px;
         top: 1104px;
         background-image: url(../images/rogerio-geremias-click.jpg);
     }
     .daniel {
         left: 291px;
         top: 1009px;
         background-image: url(../images/daniel-vinicius.jpg);
     }
     .daniel:hover {
         left: 291px;
         top: 1009px;
         background-image: url(../images/daniel-vinicius-click.jpg);
     }
     .fabiano {
         left: 352px;
         top: 1104px;
         background-image: url(../images/fabiano.jpg);
     }
     .fabiano:hover {
         left: 352px;
         top: 1104px;
         background-image: url(../images/fabiano-click.jpg);
     }
     .julio {
         left: 413px;
         top: 1009px;
         background-image: url(../images/julio.jpg);
     }
     .julio:hover {
         left: 413px;
         top: 1009px;
         background-image: url(../images/julio-cesar-click.jpg);
     }
     .eric {
         left: 475px;
         top: 1104px;
         background-image: url(../images/eric-oliveira.jpg);
     }
     .eric:hover {
         left: 475px;
         top: 1104px;
         background-image: url(../images/eric-oliveira-click.jpg);
     }
 }
 
 @media screen and (max-width: 320px) {
     .fundo {
         width: 300px;
         height: 204px;
         position: absolute;
         top: 446px;
         left: 0px;
     }
     .abeltxt,
     .robertotxt,
     .rogeriotxt,
     .danieltxt,
     .fabianotxt,
     .juliotxt,
     .erictxt {
         display: none;
         position: absolute;
         top: 650px;
         width: 300px;
         height: 203px;
         z-index: 30;
     }
     .marcolatxt {
         background-image: url(../images/marcola-ficha-m.jpg);
         position: absolute;
         top: 650px;
         width: 300px;
         height: 203px;
         z-index: 30;
     }
     .abeltxt {
         background-image: url(../images/abel-ficha-m.jpg);
     }
     .robertotxt {
         background-image: url(../images/Roberto-soriano-ficha-m.jpg);
     }
     .rogeriotxt {
         background-image: url(../images/rogerio-geremias-ficha-m.jpg);
     }
     .danieltxt {
         background-image: url(../images/daniel-vinicius-ficha-m.jpg);
     }
     .fabianotxt {
         background-image: url(../images/fabiano-ficha-m.jpg);
     }
     .juliotxt {
         background-image: url(../images/julio-cesar-ficha-m.jpg);
     }
     .erictxt {
         background-image: url(../images/eric-oliveira--ficha-m.jpg);
     }
     .marcola {
         width: 53px;
         height: 53px;
         position: absolute;
         left: 15px;
         top: 471px;
         z-index: 10;
         background-image: url(../images/marcola-m.jpg);
     }
     .marcola:hover {
         width: 53px;
         height: 53px;
         position: absolute;
         left: 15px;
         top: 471px;
         z-index: 10;
         background-image: url(../images/marcola-click-m.jpg);
     }
     .abel,
     .roberto,
     .rogerio,
     .daniel,
     .fabiano,
     .julio,
     .eric {
         width: 31px;
         height: 31px;
         position: absolute;
         z-index: 100;
     }
     .abel {
         left: 56px;
         top: 610px;
         background-image: url(../images/abel-m.jpg);
     }
     .abel:hover {
         left: 56px;
         top: 610px;
         background-image: url(../images/abel-click-m.jpg);
     }
     .roberto {
         left: 90px;
         top: 561px;
         background-image: url(../images/Roberto-soriano-m.jpg);
     }
     .roberto:hover {
         left: 90px;
         top: 561px;
         background-image: url(../images/Roberto-soriano-click-m.jpg);
     }
     .rogerio {
         left: 122px;
         top: 610px;
         background-image: url(../images/rogerio-geremias-m.jpg);
     }
     .rogerio:hover {
         left: 122px;
         top: 610px;
         background-image: url(../images/rogerio-geremias-click-m.jpg);
     }
     .daniel {
         left: 155px;
         top: 561px;
         background-image: url(../images/daniel-vinicius-m.jpg);
     }
     .daniel:hover {
         left: 155px;
         top: 561px;
         background-image: url(../images/daniel-vinicius-click-m.jpg);
     }
     .fabiano {
         left: 188px;
         top: 610px;
         background-image: url(../images/fabiano-m.jpg);
     }
     .fabiano:hover {
         left: 188px;
         top: 610px;
         background-image: url(../images/fabiano-click-m.jpg);
     }
     .julio {
         left: 220px;
         top: 561px;
         background-image: url(../images/julio-m.jpg);
     }
     .julio:hover {
         left: 220px;
         top: 561px;
         background-image: url(../images/julio-cesar-click-m.jpg);
     }
     .eric {
         left: 254px;
         top: 610px;
         background-image: url(../images/eric-oliveira-m.jpg);
     }
     .eric:hover {
         left: 254px;
         top: 610px;
         background-image: url(../images/eric-oliveira-click-m.jpg);
     }
 }
 
 @media screen and (max-width: 360px) {
     .fundo {
         width: 360px;
         height: 231px;
         position: absolute;
         top: 500px;
         left: 0px;
     }
     .abeltxt,
     .robertotxt,
     .rogeriotxt,
     .danieltxt,
     .fabianotxt,
     .juliotxt,
     .erictxt {
         display: none;
         position: absolute;
         top: 725px;
         width: 360px;
         height: 244px;
         z-index: 30;
     }
     .marcolatxt {
         background-image: url(../images/marcola-ficha-360.jpg);
         position: absolute;
         top: 725px;
         width: 360px;
         height: 244px;
         z-index: 30;
     }
     .abeltxt {
         background-image: url(../images/abel-ficha-360.jpg);
     }
     .robertotxt {
         background-image: url(../images/Roberto-soriano-ficha-360.jpg);
     }
     .rogeriotxt {
         background-image: url(../images/rogerio-geremias-ficha-360.jpg);
     }
     .danieltxt {
         background-image: url(../images/daniel-vinicius-ficha-360.jpg);
     }
     .fabianotxt {
         background-image: url(../images/fabiano-ficha-360.jpg);
     }
     .juliotxt {
         background-image: url(../images/julio-cesar-ficha-360.jpg);
     }
     .erictxt {
         background-image: url(../images/eric-oliveira--ficha-360.jpg);
     }
     .marcola {
         width: 53px;
         height: 53px;
         position: absolute;
         left: 24px;
         top: 535px;
         z-index: 10;
         background-image: url(../images/marcola-m.jpg);
     }
     .marcola:hover {
         width: 53px;
         height: 53px;
         position: absolute;
         left: 24px;
         top: 535px;
         z-index: 10;
         background-image: url(../images/marcola-click-m.jpg);
     }
     .abel,
     .roberto,
     .rogerio,
     .daniel,
     .fabiano,
     .julio,
     .eric {
         width: 31px;
         height: 31px;
         position: absolute;
         z-index: 100;
     }
     .abel {
         left: 72px;
         top: 688px;
         background-image: url(../images/abel-m.jpg);
     }
     .abel:hover {
         left: 72px;
         top: 688px;
         background-image: url(../images/abel-click-m.jpg);
     }
     .roberto {
         left: 110px;
         top: 632px;
         background-image: url(../images/Roberto-soriano-m.jpg);
     }
     .roberto:hover {
         left: 110px;
         top: 632px;
         background-image: url(../images/Roberto-soriano-click-m.jpg);
     }
     .rogerio {
         left: 150px;
         top: 688px;
         background-image: url(../images/rogerio-geremias-m.jpg);
     }
     .rogerio:hover {
         left: 150px;
         top: 688px;
         background-image: url(../images/rogerio-geremias-click-m.jpg);
     }
     .daniel {
         left: 190px;
         top: 632px;
         background-image: url(../images/daniel-vinicius-m.jpg);
     }
     .daniel:hover {
         left: 190px;
         top: 632px;
         background-image: url(../images/daniel-vinicius-click-m.jpg);
     }
     .fabiano {
         left: 230px;
         top: 688px;
         background-image: url(../images/fabiano-m.jpg);
     }
     .fabiano:hover {
         left: 230px;
         top: 688px;
         background-image: url(../images/fabiano-click-m.jpg);
     }
     .julio {
         left: 268px;
         top: 632px;
         background-image: url(../images/julio-m.jpg);
     }
     .julio:hover {
         left: 268px;
         top: 632px;
         background-image: url(../images/julio-cesar-click-m.jpg);
     }
     .eric {
         left: 308px;
         top: 688px;
         background-image: url(../images/eric-oliveira-m.jpg);
     }
     .eric:hover {
         left: 308px;
         top: 688px;
         background-image: url(../images/eric-oliveira-click-m.jpg);
     }
 }
 
 @media screen and (max-width: 375px) {
     .fundo {
         width: 360px;
         height: 231px;
         position: absolute;
         top: 520px;
         left: 0px;
     }
     .abeltxt,
     .robertotxt,
     .rogeriotxt,
     .danieltxt,
     .fabianotxt,
     .juliotxt,
     .erictxt {
         display: none;
         position: absolute;
         top: 745px;
         width: 360px;
         height: 244px;
         z-index: 30;
     }
     .marcolatxt {
         background-image: url(../images/marcola-ficha-360.jpg);
         position: absolute;
         top: 745px;
         width: 360px;
         height: 244px;
         z-index: 30;
     }
     .abeltxt {
         background-image: url(../images/abel-ficha-360.jpg);
     }
     .robertotxt {
         background-image: url(../images/Roberto-soriano-ficha-360.jpg);
     }
     .rogeriotxt {
         background-image: url(../images/rogerio-geremias-ficha-360.jpg);
     }
     .danieltxt {
         background-image: url(../images/daniel-vinicius-ficha-360.jpg);
     }
     .fabianotxt {
         background-image: url(../images/fabiano-ficha-360.jpg);
     }
     .juliotxt {
         background-image: url(../images/julio-cesar-ficha-360.jpg);
     }
     .erictxt {
         background-image: url(../images/eric-oliveira--ficha-360.jpg);
     }
     .marcola {
         width: 53px;
         height: 53px;
         position: absolute;
         left: 24px;
         top: 555px;
         z-index: 10;
         background-image: url(../images/marcola-m.jpg);
     }
     .marcola:hover {
         width: 53px;
         height: 53px;
         position: absolute;
         left: 24px;
         top: 555px;
         z-index: 10;
         background-image: url(../images/marcola-click-m.jpg);
     }
     .abel,
     .roberto,
     .rogerio,
     .daniel,
     .fabiano,
     .julio,
     .eric {
         width: 31px;
         height: 31px;
         position: absolute;
         z-index: 100;
     }
     .abel {
         left: 72px;
         top: 708px;
         background-image: url(../images/abel-m.jpg);
     }
     .abel:hover {
         left: 72px;
         top: 708px;
         background-image: url(../images/abel-click-m.jpg);
     }
     .roberto {
         left: 110px;
         top: 652px;
         background-image: url(../images/Roberto-soriano-m.jpg);
     }
     .roberto:hover {
         left: 110px;
         top: 652px;
         background-image: url(../images/Roberto-soriano-click-m.jpg);
     }
     .rogerio {
         left: 150px;
         top: 708px;
         background-image: url(../images/rogerio-geremias-m.jpg);
     }
     .rogerio:hover {
         left: 150px;
         top: 708px;
         background-image: url(../images/rogerio-geremias-click-m.jpg);
     }
     .daniel {
         left: 190px;
         top: 652px;
         background-image: url(../images/daniel-vinicius-m.jpg);
     }
     .daniel:hover {
         left: 190px;
         top: 652px;
         background-image: url(../images/daniel-vinicius-click-m.jpg);
     }
     .fabiano {
         left: 230px;
         top: 708px;
         background-image: url(../images/fabiano-m.jpg);
     }
     .fabiano:hover {
         left: 230px;
         top: 708px;
         background-image: url(../images/fabiano-click-m.jpg);
     }
     .julio {
         left: 268px;
         top: 652px;
         background-image: url(../images/julio-m.jpg);
     }
     .julio:hover {
         left: 268px;
         top: 652px;
         background-image: url(../images/julio-cesar-click-m.jpg);
     }
     .eric {
         left: 308px;
         top: 708px;
         background-image: url(../images/eric-oliveira-m.jpg);
     }
     .eric:hover {
         left: 308px;
         top: 708px;
         background-image: url(../images/eric-oliveira-click-m.jpg);
     }
 }
 /* @media screen and (max-width: 480px) {
     .fundo {
         width: 360px;
         height: 231px;
         position: absolute;
         top: 720px;
         left: 0px;
     }
     .abeltxt,
     .robertotxt,
     .rogeriotxt,
     .danieltxt,
     .fabianotxt,
     .juliotxt,
     .erictxt {
         display: none;
         position: absolute;
         top: 945px;
         width: 360px;
         height: 244px;
         z-index: 30;
     }
     .marcolatxt {
         background-image: url(../images/marcola-ficha-360.jpg);
         position: absolute;
         top: 945px;
         width: 360px;
         height: 244px;
         z-index: 30;
     }
     .abeltxt {
         background-image: url(../images/abel-ficha-360.jpg);
     }
     .robertotxt {
         background-image: url(../images/Roberto-soriano-ficha-360.jpg);
     }
     .rogeriotxt {
         background-image: url(../images/rogerio-geremias-ficha-360.jpg);
     }
     .danieltxt {
         background-image: url(../images/daniel-vinicius-ficha-360.jpg);
     }
     .fabianotxt {
         background-image: url(../images/fabiano-ficha-360.jpg);
     }
     .juliotxt {
         background-image: url(../images/julio-cesar-ficha-360.jpg);
     }
     .erictxt {
         background-image: url(../images/eric-oliveira--ficha-360.jpg);
     }
     .marcola {
         width: 53px;
         height: 53px;
         position: absolute;
         left: 24px;
         top: 755px;
         z-index: 10;
         background-image: url(../images/marcola-m.jpg);
     }
     .marcola:hover {
         width: 53px;
         height: 53px;
         position: absolute;
         left: 24px;
         top: 755px;
         z-index: 10;
         background-image: url(../images/marcola-click-m.jpg);
     }
     .abel,
     .roberto,
     .rogerio,
     .daniel,
     .fabiano,
     .julio,
     .eric {
         width: 31px;
         height: 31px;
         position: absolute;
         z-index: 100;
     }
     .abel {
         left: 72px;
         top: 908px;
         background-image: url(../images/abel-m.jpg);
     }
     .abel:hover {
         left: 72px;
         top: 908px;
         background-image: url(../images/abel-click-m.jpg);
     }
     .roberto {
         left: 110px;
         top: 852px;
         background-image: url(../images/Roberto-soriano-m.jpg);
     }
     .roberto:hover {
         left: 110px;
         top: 852px;
         background-image: url(../images/Roberto-soriano-click-m.jpg);
     }
     .rogerio {
         left: 150px;
         top: 908px;
         background-image: url(../images/rogerio-geremias-m.jpg);
     }
     .rogerio:hover {
         left: 150px;
         top: 908px;
         background-image: url(../images/rogerio-geremias-click-m.jpg);
     }
     .daniel {
         left: 190px;
         top: 852px;
         background-image: url(../images/daniel-vinicius-m.jpg);
     }
     .daniel:hover {
         left: 190px;
         top: 852px;
         background-image: url(../images/daniel-vinicius-click-m.jpg);
     }
     .fabiano {
         left: 230px;
         top: 908px;
         background-image: url(../images/fabiano-m.jpg);
     }
     .fabiano:hover {
         left: 230px;
         top: 908px;
         background-image: url(../images/fabiano-click-m.jpg);
     }
     .julio {
         left: 268px;
         top: 852px;
         background-image: url(../images/julio-m.jpg);
     }
     .julio:hover {
         left: 268px;
         top: 852px;
         background-image: url(../images/julio-cesar-click-m.jpg);
     }
     .eric {
         left: 308px;
         top: 908px;
         background-image: url(../images/eric-oliveira-m.jpg);
     }
     .eric:hover {
         left: 308px;
         top: 908px;
         background-image: url(../images/eric-oliveira-click-m.jpg);
     }
 } */