*{margin:0; padding:0; border:0; text-decoration:none;} input[type='submit'], input[type='reset'], button[type='submit'], button[type='reset'], [onClick], li{cursor:pointer; outline:none;} header, nav, section, article, footer, aside{ display:block;} /* h1, h2, h3, h4, h5, h6, h7, p, span{ cursor:default; } */ ::-webkit-scrollbar {background:white; width:0.9rem; border-radius:0.5rem; z-index:50; position:relative;} ::-moz-scrollbar {background:white; width:0.9rem; border-radius:0.5rem; z-index:50; position:relative;} ::-webkit-scrollbar-thumb {background:black;} ::-moz-scrollbar-thumb {background:black;} ::-webkit-scrollbar-track {background:rgba(0,0,0,0.3);} ::-moz-scrollbar-track {background:rgba(0,0,0,0.3);} ::-webkit-input-placeholder { color: rgba(93, 92, 90, 1); } :-moz-placeholder { color: rgba(255, 255, 255, 1); } ::-moz-placeholder { color: rgba(255, 255, 255, 1); } :-ms-input-placeholder { color: rgba(255, 255, 255, 1); } .up{ cursor:pointer; position:fixed; bottom:0.5rem; right:1.5rem; z-index:9999; width:6rem; height:6rem; text-align:center; border-radius:50% 50% 0; background:black; display:none;} .up:before{ font:lighter 2.5rem/6rem 'FontAwesome'; text-align:center; content:'\f102'; color:white; } .up:hover:before{ color:#fff5d8; } html{ font-size: 62.5% !important; } #dots{ position:absolute; z-index:900; width:100%; height:100%; opacity:0.6; top:0; overflow:hidden; background:url(../banner/dots7.png); } #banner{ position:absolute; z-index:-10; width:100%; max-height:120rem; right:0; top:0; overflow:hidden; } #banner img{ width:100%; height:57.5rem; } #slogan { position:relative; width:80%; padding:125px 0; margin:10rem auto; text-transform:uppercase; letter-spacing:-0.1rem; overflow:hidden; } #sloganH h1{ font:300 4rem 'Dosis', sans-serif; color:#cfab69; background:#fff5d8; padding:2rem; margin-bottom:1rem !important; letter-spacing:-0.2rem; } #sloganP p{ font:400 2.4rem 'Dosis', sans-serif; color:white; background:dimGray; padding:1rem; } button[name='slnN'], button[name='slnP']{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; } button[name='slnN']:before{ content:'\f105'; font:normal 4.8rem 'FontAwesome'; } button[name='slnP']:before{ content:'\f104'; font:normal 4.8rem 'FontAwesome'; } button[name='slnN']{ position:absolute; z-index:150; cursor:pointer; padding:0.2rem 1.4rem; top:35.6rem; left:4.5rem; background:white; outline:none; } button[name='slnP']{ position:absolute; z-index:150; cursor:pointer; padding:0.2rem 1.4rem; top:35.6rem; left:0rem; background:white; outline:none; } button[name='slnN']:hover, button[name='slnP']:hover{ background:#fff5d8; } #layout{ width:80%; height:12rem; background:#cfab69; margin:0 auto; border-radius:0.3rem; overflow:visible; position:relative; } #layout h1{ font:400 4rem/8rem 'Pacifico', cursive;color:white; text-indent:1.5rem; float:left; } #logo { width:40%; max-width:320px; height:98px; float:left; } #layout2{ width:100%; background:whiteSmoke; } #layout2 .l2{ position:relative; margin:0 auto; top:0; width:80%; } #layout2 .l2 .l2a{ width:25%; cursor:pointer; float:left; -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; } #layout2 .l2 .l2a button[name='bl2']{ font:400 2rem/3rem 'Fjalla One', sans-serif; background:#cfab69; color:white; margin-top:4rem; margin-right:4rem; float:right; width:15rem; height:5rem; position:relative; } #layout2 .l2 .l2a button[name='bl2']:after{ content:'\f101'; font:normal 2.4rem/5rem 'FontAwesome'; color:#cfab69; background:#fff5d8; right:-4rem; top:0; width:4rem; height:5rem; position:absolute; } #layout2 .l2 .l2a button[name='bl2']:hover:after{ color:white; background:#cfab69; } #layout2 .l2 .l2a button[name='bl2']:after{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; } #layout2 .l2 .l2a:nth-child(1){ background:white; cursor:default; } #layout2 .l2 .l2a:nth-child(2){ background:#fff5d8; } /* - */ #layout2 .l2 .l2a:nth-child(2):before{ content:'\f073'; font:normal 6.4rem 'FontAwesome'; text-align:center; display:block; padding:1rem 0; position:relative; } #layout2 .l2 .l2a:nth-child(3){ background:#ede4cc; } /* - */ #layout2 .l2 .l2a:nth-child(3):before{ content:'\f0ea'; font:normal 6.4rem 'FontAwesome'; text-align:center; display:block; padding:1rem 0; position:relative; } #layout2 .l2 .l2a:nth-child(4){ background:#eadeba; } /* - */ #layout2 .l2 .l2a:nth-child(4):before{ content:'\f200'; font:normal 6.4rem 'FontAwesome'; text-align:center; display:block; padding:1rem 0; position:relative; } #layout2 .l2 .l2a:nth-child(2):hover, #layout2 .l2 .l2a:nth-child(3):hover, #layout2 .l2 .l2a:nth-child(4):hover{ box-shadow:#cfab69 0 0 1.5rem; z-index:999; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); } #layout2 .l2 h1 { font:400 3.2rem 'Fjalla One', sans-serif; color:#cfab69; text-align:right; margin:1.5rem; letter-spacing:-0.1rem; padding-bottom:1.5rem; text-transform:uppercase; border-bottom:#cfab69 0.1rem dotted; } #layout2 .l2 h2{ font:400 3.2rem 'Fjalla One', sans-serif; color:#cfab69; text-align:center; letter-spacing:-0.1rem; } #layout2 .l2 p{ font:400 1.4rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:#cfab69; text-align:center; padding:3rem 2rem; } #layout3{ width:100%; background:#cfab69; } #layout3 .l3{ width:80%; margin:3.5rem auto; } #layout3 .l3:before{ content:'\f09e'; font:normal 4.8rem 'FontAwesome'; color:#cfab69; background:#fff5d8; padding:2.4rem 3.5rem; float:left; } #layout3 .l3 h3{ font:400 2.8rem 'Fjalla One', sans-serif; color:white; float:left; padding:2rem; } #layout3 .l3 h3 p{ font:400 1.4rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:white; } #layout3 .l3 button[name='bl3']{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; } #layout3 .l3 button[name='bl3']{ font:400 2.1rem 'Fjalla One', sans-serif; background:#fff5d8; color:#cfab69; padding:3.5rem; float:right; text-transform:uppercase; position:relative; } #layout3 .l3 button[name='bl3']:hover{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); } #layout4{ width:80%; margin:3.5rem auto; } #layout4 .l4{ width:23%; margin:0 1%; float:left; border-radius:0.4rem; } #layout4 .l4:nth-child(1):after { content:'\f0f4'; font:normal 11.2rem 'FontAwesome'; color:#cfab69; padding:2.5rem 0; display:block; text-align:center; position:relative; } #layout4 .l4:nth-child(2){ background:url('../imagem/1.jpg') no-repeat top; } #layout4 .l4:nth-child(3){ background:url('../imagem/2.jpg') no-repeat top left; } #layout4 .l4:nth-child(4){ background:url('../imagem/3.jpg') no-repeat; } #layout4 .l4 h1 { font:400 3.2rem 'Fjalla One', sans-serif; color:#53514E; text-align:right; margin:1.5rem; letter-spacing:-0.1rem; padding-bottom:1.5rem; text-transform:uppercase; border-bottom:#cfab69 0.1rem dotted; } #layout4 .l4 h4{ font:400 2.4rem 'Fjalla One', sans-serif; color:#53514E; padding:1.5rem 0; margin-top:23rem; border-bottom:#cfab69 0.1rem dotted; } #layout4 .l4 p{ font:400 1.4rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:#53514E; padding:0.1rem; } #layout4 .l4 button[name='bl4']{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; } #layout4 .l4 button[name='bl4']{ cursor:pointer; padding:1.2rem; border-radius:50% 50% 0; background:#cfab69; float:right; margin-top:1rem; } #layout4 .l4 button[name='bl4']:hover{ background:#fff5d8; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); } #layout4 .l4 button[name='bl4']:hover:before{ color:#cfab69; } #layout4 .l4 button[name='bl4']:before{ content:'\f00c'; font:normal 1.9rem 'FontAwesome'; color:white; float:left; } #layout5{ width:100%; background:whiteSmoke; } #layout5 .l5{ width:80%; margin:0 auto; } #layout5 .l5 h5{ font:400 3.2rem 'Fjalla One', sans-serif; color:#cfab69; text-transform:uppercase; letter-spacing:-0.1rem; padding:2rem; } #layout5 .l5 h5:before{ content:'\f0c2'; font:normal 4.8rem 'FontAwesome'; color:#cfab69; } form[name='online']{ width:50%; float:left; } form[name='online'] input{ font:400 1.4rem/6.5rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:DarkSlateGrey; background:transparent; text-indent:1rem; border-left:solid 0.4rem DarkSlateGrey; border-bottom:solid 0.1rem DarkSlateGrey; margin-bottom:1rem; outline:none; } form[name='online'] input:focus{ border-left:solid 1.5rem DarkSlateGrey; background:white; } form[name='online'] input:nth-child(2){ width:95%; display:block; } form[name='online'] input:nth-child(3){ width:46%; margin-right:2% } form[name='online'] input:nth-child(4){ width:46%; } form[name='online'] input, button[name='send'], button[name='reset'], #layout5 .l5 button[name='admin'], #layout5 .l5 .l5b button[name='bl5']{ -webkit-transition:all ease-out 200ms; -moz-transition:all ease-out 200ms; -ms-transition:all ease-out 200ms; -o-transition:all ease-out 200ms; } #layout5 .l5 button[name='send']{ cursor:pointer; margin-bottom:2.5rem; padding:3% 20%; border-radius:0.3rem; background:#cfab69; color:white; font:400 1.7rem 'Fjalla One', sans-serif; text-transform:uppercase; outline:none; } #layout5 .l5 button[name='reset']{ cursor:pointer; padding:3% 5%; margin-left:1.5%; border-radius:0.3rem; background:grey; color:white; font:400 1.7rem 'Fjalla One', sans-serif; text-transform:uppercase; outline:none; } #layout5 .l5 button[name='reset']:before{ content:'\f00d'; font:normal 1.9rem 'FontAwesome'; color:white; } #layout5 .l5 button[name='admin']{ cursor:pointer; padding:3% 5%; margin-left:1.5%; border-radius:0.3rem; background:salmon; color:white; font:400 1.7rem 'Fjalla One', sans-serif; text-transform:uppercase; outline:none; } #layout5 .l5 button[name='admin']:before{ content:'\f234'; font:normal 1.9rem 'FontAwesome'; color:white; } #layout5 .l5 button[name='send']:hover, #layout5 .l5 button[name='reset']:hover, #layout5 .l5 button[name='admin']:hover{ background:black; } #layout5 .l5 .l5b{ width:100%; max-width:1000px; margin:0 auto; overflow:hidden; text-align:center; } #layout5 .l5 .l5b button[name='bl5']{ width:calc(50% - 10%); position:relative; cursor:pointer; padding:20px; margin:50px 5%; border-radius:0.3rem; background:#cfab69; color:white; font:400 2.4rem 'Fjalla One', sans-serif; text-align:center; text-transform:uppercase; outline:none; float:left; } #layout5 .l5 .l5b button[name='bl5'] p{ font:400 1.4rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:white; } #layout5 .l5 .l5b button[name='bl5']:hover{ background:black; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); } #layout6{ width:100%; height: 100px; background:#cfab69; } #layout6 .l6{ width:80%; margin:3.5rem auto; } #layout6 .l6 h6{ font:400 2.4rem/10rem 'Fjalla One', sans-serif; text-align:center; text-transform:uppercase; color:#cfab69; background:#fff5d8; width:20%; float:left; } form[name='busca'] input[type='search'], #layout6 .l6 button[name='bl6']{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; } form[name='busca'] input[type='search']{ width:70%; text-indent:1.5rem; background:transparent; color:white; border-left:0.5rem solid white; font:300 1.9rem/10rem 'Dosis', sans-serif; text-transform:uppercase; outline:none; } form[name='busca'] input[type='search']:focus{ border-left:1.5rem solid white; background:#cfab69; color:white; } #layout6 .l6 button[name='bl6']{ background:#fff5d8; color:#cfab69; text-align:center; width:10%; float:right; cursor:pointer; outline:none; } #layout6 .l6 button[name='bl6']:before{ content:'\f00e'; font:normal 4.0rem/10rem 'FontAwesome'; } #layout6 .l6 button[name='bl6']:hover{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); } #layout7{ width:80%; margin:5rem auto; } #layout7 .l7{ width:20%; height:10rem; float:left; -webkit-transition:all ease-out 150ms; -moz-transition:all ease-out 150ms; -ms-transition:all ease-out 150ms; -o-transition:all ease-out 150ms; } #layout7 .l7:hover{ opacity:0.7; -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); } #layout7 .l7:nth-child(1){ background:url('../imagem/ip1.png') no-repeat; } #layout7 .l7:nth-child(2){ background:url('../imagem/ip2.png') no-repeat; } #layout7 .l7:nth-child(3){ background:url('../imagem/ip3.png') no-repeat; } #layout7 .l7:nth-child(4){ background:url('../imagem/ip4.png') no-repeat; } #layout7 .l7:nth-child(5){ background:url('../imagem/ip5.png') no-repeat; } #layout8{ width:100%; background:#53514E; } #layout8 .l8{ width:80%; margin:0 auto; } #layout8 .l8 h1{ width:80%; font:400 3.2rem/12.5rem 'Fjalla One', sans-serif; text-transform:uppercase; text-align:center; color:#53514E; background:white; float:right; } #layout8 .l8 h1:before{ content:'\f155'; font:normal 4rem/10rem 'FontAwesome'; } #layout8 .l8 .l8a{ width:20%; height:12.5rem; background:black; float:left; } #layout8 .l8 .l8a p{ font:400 4rem/8rem 'Pacifico', cursive; color:white; text-align:right; padding:2rem; } #layout8 .l8 .l8b{ width:33%; float:left; } #layout8 .l8 .l8b h2{ font:300 2.4rem 'Oswald', sans-serif; text-transform:uppercase; color:white; padding-top:2rem; } #layout8 .l8 .l8b p{ font:400 1.6rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:#eee; } #layout8 .l8 .l8b span{ font:300 2.4rem/7.5rem 'Oswald', sans-serif; text-transform:uppercase; color:#eee; color:#cfab69; background:white; padding:2rem; } #layout8 .l8 .l8b img{ padding-top:2rem; display:block; cursor:pointer; -webkit-transition:all ease-out 150ms; -moz-transition:all ease-out 150ms; -ms-transition:all ease-out 150ms; -o-transition:all ease-out 150ms; } #layout8 .l8 .l8b img:hover{ -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); } #layout8 .l8 .l8b .social{ position:relative; cursor:pointer; margin:3rem 0.1rem; float:left; } #layout8 .l8 .l8b .social div{ padding:1.2rem; background:#fff5d8; -webkit-transition:all ease-out 400ms; -moz-transition:all ease-out 400ms; -ms-transition:all ease-out 400ms; -o-transition:all ease-out 400ms; } #layout8 .l8 .l8b .social:hover div { position:relative; box-shadow:black 0 0 1rem; z-index:50; -webkit-transform:rotateY(360deg) scale(1.2,1.2); -moz-transform:rotateY(360deg) scale(1.2,1.2); -ms-transform:rotateY(360deg) scale(1.2,1.2); -o-transform:rotateY(360deg) scale(1.2,1.2); -webkit-transition:all ease-out 400ms; -moz-transition:all ease-out 400ms; -ms-transition:all ease-out 400ms; -o-transition:all ease-out 400ms; } #layout8 .l8 .l8b .social:nth-child(3) div:before{ content:'\f09a'; font:normal 2.4rem 'FontAwesome'; color:#cfab69; } #layout8 .l8 .l8b .social:nth-child(4) div:before{ content:'\f16d'; font:normal 2.4rem 'FontAwesome'; color:#cfab69; } #layout8 .l8 .l8b .social:nth-child(5) div:before{ content:'\f0e1'; font:normal 2.4rem 'FontAwesome'; color:#cfab69; } #layout8 .l8 .l8b .l8b1{ color:white; display:block; clear:both; } #layout8 .l8 .l8b .l8b1 p{ font:400 1.2rem 'Archivo Narrow', sans-serif; text-transform:uppercase; color:white; padding:2rem 0 0 7rem; } #layout8 .l8 .l8b .l8b1:nth-child(2) div:before{ content:'\f041'; font:normal 2.4rem/6.0rem 'FontAwesome'; text-align:center; background:#fff5d8; color:#cfab69; width:6rem; height:6rem; float:left; } #layout8 .l8 .l8b .l8b1:nth-child(3) div:before{ content:'\f095'; font:normal 2.4rem/6.0rem 'FontAwesome'; text-align:center; background:#fff5d8; color:#cfab69; width:6rem; height:6rem; float:left; } #layout8 .l8 .l8b .l8b1:nth-child(4) div:before{ content:'\f0e0'; font:normal 2.4rem/6.0rem 'FontAwesome'; text-align:center; background:#fff5d8; color:#cfab69; width:6rem; height:6rem; float:left; } #layout9{ width:100%; padding:2rem 0; background:black; } #layout9 h1{ font:400 1.4rem 'Archivo Narrow', sans-serif; text-transform:uppercase; text-align:center; color:white; } #layout9 h1:before{ content:'\f1f9'; font:normal 1.6rem 'FontAwesome'; } a{ color:white; } a:hover{ color:#fff5d8; } form[name='contato']{ position:relative; margin:4rem 1rem; } form[name='contato'] input{ font:400 1.6rem 'Archivo Narrow', sans-serif; color:#cfab69; width:98%; height:8rem; background:white; text-indent:1rem; border-left:solid 0.4rem #cfab69; border-bottom:solid 0.1rem #cfab69; margin-bottom:1rem; outline:none; } form[name='contato'] input:focus{ border-left:solid 1.5rem #cfab69; background:whiteSmoke; } form[name='contato'] textarea{ font:400 1.6rem 'Archivo Narrow', sans-serif; color:#cfab69; width:98%; height:26rem; background:white; text-indent:1rem; border-left:solid 0.4rem #cfab69; border-bottom:solid 0.1rem #cfab69; margin-bottom:1rem; outline:none; } form[name='contato'] textarea:focus{ border-left:solid 1.5rem #cfab69; background:whiteSmoke; } button[name='cont']{ width:100%; height:5rem; background:url(../imagem/c3b.png) center no-repeat #cfab69; border-radius:0.2rem; margin-top:1rem; } button[name='cont']:hover{ width:100%; height:5rem; background:url(../imagem/c3c.png) center no-repeat #fff5d8; border-radius:0.2rem; } form[name='contato'] input, form[name='contato'] input:focus, form[name='contato'] textarea, form[name='contato'] textarea:focus, button[name='cont'], button[name='cont']:hover{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; } #conteudo{ width:80%; margin:0 auto; z-index:-1; } #conteudo h1{ width:100%; padding:9rem 0 4.5rem 0; font:400 3.2rem/0rem 'Fjalla One', sans-serif; background:#fff5d8; color:#cfab69; text-transform:uppercase; text-align:right; } #conteudo h1 span{ font:300 2.4rem/7.5rem 'Oswald', sans-serif; } #conteudo p{ font:400 1.6rem 'Archivo Narrow', sans-serif; padding:5rem 0; text-align:justify; } #conteudo .pree{ margin-top:4.5rem; } #conteudo .pree span{ font:400 1.6rem 'Archivo Narrow', sans-serif; color:white; background:#cfab69; padding:2rem; } @media screen and (max-width:1366px) { #conteudo, #slogan, #layout, #layout2 .l2, #layout3 .l3, #layout4, #layout5 .l5, #layout6 .l6, #layout7, #layout8 .l8 { width:90%; } } @media screen and (max-width:1280px) { } @media screen and (max-width:1024px) { #conteudo, #slogan, #layout, #layout2 .l2, #layout3 .l3, #layout4, #layout5 .l5, #layout6 .l6, #layout7, #layout8 .l8 { width:98%; } #sloganH h1{ font-size:3rem; } #layout2 .l2 h2{ font-size:2.4rem; } #layout2 .l2 p{ font-size:1.2rem; } #layout2 .l2 .l2a button[name='bl2']{ margin-top:8.6rem; } #layout4{ width:100%; } button[name='slnN']{ top:34.4rem; } button[name='slnP']{ top:34.4rem; } } @media screen and (max-width:768px) { #conteudo h1{ padding-top:15rem; } #layout h1{ width:100%; text-align:center; float:none; } #sloganH h1{ font-size:2.7rem; } #layout2 .l2{ width:90%; } #layout2 .l2 h2{ font-size:3.8rem; } #layout2 .l2 p{ font-size:1.5rem; } #layout2 .l2 .l2a{ width:100%; margin:0 auto; :block; } #layout4 .l4{ width:48%; display:block; margin:1%; } form[name='online']{ width:90%; display:block; margin:0 auto; float:none; } #layout5 .l5 .l5b{ width:90%; display:block; margin:0 auto; float:none !important; } #layout5 .l5 .l5b button[name='bl5']{ width:100%; text-align:center !important; float:none !important; right:0 !important; } #layout6 .l6 h6{ font-size:1.6rem; } #layout8 .l8 h1{ width:100%; } #layout8 .l8 .l8a{ display:none; } #layout8 .l8 .l8b{ width:100%; display:block; } button[name='slnN']{ top:34rem; left:7.5rem; } button[name='slnP']{ top:34rem; left:3rem; } } @media screen and (max-width:640px) { #sloganH, #sloganP{ display:none; } #layout3 .l3 { width:85%; } #layout3 .l3:before{ display:none; } #layout3 .l3 button[name='bl3']{ width:100%; } #layout6 .l6 h6{ display:none; } form[name='busca'] input[type='search']{ width:80%; } #layout6 .l6 button[name='bl6']{ width:20%; } button[name='slnN'], button[name='slnP']{ display:none; } } @media screen and (max-width:480px) { #layout7 .l7{ width:15rem; height:9rem; } #layout5 .l5 h5{ font-size:2.7rem; } #layout5 .l5 h5:before{ display:none; } #layout8 .l8 h1{ line-height:1rem; padding-bottom:3rem; } .fcon{ display:block; width:100% !important; } } @media screen and (max-width:320px) { #layout4 .l4{ width:98%; } #layout h1{ font-size:3.2rem; } #conteudo .pree span{ font-size:1.4rem; } form[name='online'] input{ width:100% !important; display:block; } }