@import url(../font/brandon.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.center { width: 96%; max-width: 980px; margin: 0 auto; }

.clear { clear: both; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

a { color: inherit; text-decoration: none; outline: none; }

body { font-family: "Brandon", Helvetica, Arial, sans-serif; font-size: 18px; font-size: 1.125rem; line-height: 24px; color: #000; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; }

::-moz-selection { color: #FFF; background-color: ##000000; }

::selection { color: #FFF; background-color: ##000000; }

#header { width: 100%; height: 650px; background: #000000 url(../img/bkg-topo.png) no-repeat center top; padding-top: 1px; }

#logo { width: 90%; max-width: 500px; height: 175px; margin: 220px auto 210px; background: url(../img/logo.png) no-repeat center center; background-size: contain; text-indent: -9999em; overflow: hidden; }

#redes { text-align: center; }

#redes li { display: inline-block; margin: 0 15px; }

#redes li a { display: block; height: 25px; background-repeat: no-repeat; background-position: center center; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

#redes li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

#redes li a.i-facebook { width: 12px; background-image: url(../img/ico-facebook.png); }

#redes li a.i-twitter { width: 25px; background-image: url(../img/ico-twitter.png); }

#instagram { width: 100%; }

#instagram li { float: left; width: 16.666%; overflow: hidden; }

#instagram li a { display: block; }

#instagram li a img { display: block; width: 100%; -webkit-filter: grayscale(1); filter: grayscale(1); -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

#instagram li a:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }

#contato { text-align: center; padding: 60px 0 40px; }

#contato .icone { width: 100%; height: 55px; margin-bottom: 25px; background-repeat: no-repeat; background-position: center center; }

#contato h2 { font-size: 22px; font-size: 1.375rem; font-weight: bold; margin-bottom: 15px; }

#contato p { margin-bottom: 20px; }

#contato p a { -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

#contato p a:hover { color: #FF2E2E; }

#contato p span { font-size: 14px; font-size: 0.875rem; }

#informacoes { float: left; width: 49%; margin-right: 2%; }

#informacoes .icone { background-image: url(../img/ico-contatos.png); }

#endereco { float: left; width: 49%; }

#endereco .icone { background-image: url(../img/ico-endereco.png); }

#footer { width: 100%; padding: 15px 0; line-height: 30px; border-top: 1px solid #000; }

#footer p { float: left; font-size: 14px; font-size: 0.875rem; }

#footer .assinatura { display: inline-block; float: right; padding-right: 37px; background: url(../img/icomp.png) no-repeat right center; font-size: 12px; font-size: 0.75rem; }

@media screen and (max-width: 840px) { #instagram li { width: 33.333%; } }
@media screen and (max-width: 540px) { #instagram li { width: 50%; }
  #informacoes { width: 100%; margin: 0 0 40px; }
  #endereco { width: 100%; } }
@media screen and (max-width: 420px) { #header { width: 100%; height: auto; padding-bottom: 30px; }
  #logo { margin: 80px auto; }
  #footer { text-align: center; }
  #footer p { float: none; }
  #footer .assinatura { float: none; } }