/* Portrait and Landscape */ @media (max-width: 767px) { html, * html {margin: 0 !important; -webkit-text-size-adjust: 100%; width: 100%; height: 100%;} p, a, body, td, tr, div, section, article, aside, footer, iframe, img, input, h1, h2, h3, h4, h5, h6 {text-rendering: optimizeLegibility; box-sizing: border-box;} input {-webkit-appearance: none; -webkit-border-radius: 0;} body { margin: 0; -webkit-font-smoothing: subpixel-antialiased; overflow-x: hidden; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; background-image: none;} /*MENU*/ #menu {display: none;} /*HEADER*/ #header {width: 100%;height: 500px;/* background-image: url(images/headerm.png); */background-position: top center;background-repeat: no-repeat;background-size: cover;float:none;margin-bottom: 20px;} #content {width:90%; margin: 0px auto;} /*TOPO*/ #topo {width: 100%; height: 199px; padding-top: 148px; background: url(images/topo.png) top center; float: none; display: none;} #topo #menu {width: 100%; float: left; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; text-align: center; width: 100%; text-align: center; } #topo #menu a {color: #afa69d; background: #fff; padding: 12px; margin-right: 20px;} #topo #menu a:hover {color: #fff; background: #ff9d78;} #topo #menu a:last-child {margin-right: 0px; margin-bottom: 0px;} #slidetopo {width: 100%;} /*WELCOME*/ #welcome {padding: 20px;width: 100%;float: left;font-family: Verdana;font-size: 12px;line-height: 23px;color: #afa69d;margin-left: 0;border-bottom: 1px rgba(0,0,0,0.05) solid;} #welcome b {color: #ff9d78;} #redes { width: 100% !important;!i;!; margin-bottom: 20px; padding-left: 0px !important;!i;!; float: left; } /*BUSCA*/ #busca {width: calc(100%); float: right; height: 55px; position: relative; background: #fff; margin-bottom: 20px;} input#searchsubmit {cursor: pointer; height: 30px; width: 30px; top: 12.5px; right: 20px; background: #ff9d78 url(images/search.png) center no-repeat; position: absolute; border-radius: 50%; color: #fff; font-family:Open Sans; text-transform: uppercase; font-size: 10px;} #search [type="text"] { font-family: Open Sans; font-weight: 600; font-size: 11px; color: #afa69d; background: transparent; padding: 20px; padding-top: 20px; padding-bottom: 20px; width: 100%; height: 55px; text-transform: uppercase; float: left;} /*POSTS INICIAL*/ #noticiasi {width: 100%; margin: 0px auto;} #noticiasi #post {width: calc(100%); background: rgba(0,0,0,0.02); border-radius: 2px; float: left; margin-right: 20px; height:550px; position: relative; margin-bottom: 20px;} #noticiasi #post2 {width: calc(100%); background: rgba(0,0,0,0.02); border-radius: 2px; float: left; margin-right: 20px; height:550px; position: relative; margin-bottom: 20px;} /*SLIDE*/ #slide {width: calc(100%); float: left; height: 550px; margin-right: 20px; margin-bottom: 20px;} #slide #post {width: 100%; height: 550px; float: left; position: relative; opacity: 1; background: url(images/slide.png);} #slide #post #infos {padding: 20px; float: left; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; text-align: center; width: 100%; float: left; color: #afa69d;} #slide #post #infos a {color: #ff9d78;} #slide #post #titulo {padding: 20px; border-top: 1px rgba(0,0,0,0.05) solid; float: left; width: 100%; font-family: Open Sans; font-weight: 800; text-align: center; font-size: 22px;} #slide #post #titulo a {color: #fff;} #slide #post #resumo {padding: 20px; width:100%; background: rgba(0,0,0,0.02); color: #afa69d; font-size: 12px; line-height: 23px; float: left; font-family: Verdana;} #slide #post #thumb {width: 100%; display: table; margin: 0px auto; height: 200px; margin-top: 20px; background-size: cover; position: absolute; bottom: 0px; left: 0px;} #slide .owl-nav {} #slide .owl-prev {width: 42px;height: 42px;border-radius: 50%;color: #ff7970;float: left;margin-right: 20px;background: #fff;font-size: 10px;font-family:Open Sans;text-transform: uppercase;font-size: 11px;text-align: center;padding-top: 13.5px;position: absolute;bottom: calc(100px - 21px);left: 20px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;opacity: 1;} #slide .owl-next {width: 42px;height: 42px;border-radius: 50%;color: #ff7970;float: left;margin-right: 0px;background: #fff;font-size: 10px;font-family:Open Sans;text-transform: uppercase;font-size: 11px;text-align: center;padding-top: 13.5px;position: absolute;bottom: calc(100px - 21px);right: 20px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;opacity: 1;} #slide:hover .owl-prev {opacity: 1; left: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;} #slide:hover .owl-next {opacity: 1; right: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;} #slide .owl-nav i {color: #ff9d78;} /*POSTS - INICIAL*/ #postsi {width: calc(100%); float: right;} #postsi #post {width: calc(100%); float: left; height: 265px; margin-bottom: 20px; margin-right: 20px;} #postsi #post:nth-child(2n+0) {margin-right: 0px;} #postsi #post #datar {width: 70px; border-radius: 3px; background: #fff; height: 265px; float: left; margin-right: 20px; position: relative;} #postsi #post #thumb {width: calc(100% - 90px); float: right; height: 265px; position: relative;} #postsi #post #data {padding: 20px; font-family: Open Sans; font-weight: 600; font-size: 11px; text-align: center; color: #fff; background: #ff9d78; position: absolute; top: 0px; left: 0px; width: 70px;} #postsi #post #data:after {content: '';width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 7px;border-color: transparent transparent transparent #ff9c78;position: absolute;right: -6px;top: 25px;} #postsi #post #share {bottom: 20px; left: 20px; position: absolute;} #postsi #post #share #fb {width: 30px; height: 30px; float: left; margin-bottom: 20px; background: #ff9d78 url(images/fb.png) center no-repeat; border-radius: 50%; } #postsi #post #share #tt {width: 30px;height: 30px;float: left;margin-bottom: 0px;background: #ff9d78 center no-repeat;border-radius: 50%;} #postsi #post #c {bottom: 0px; left: 0px; position: absolute; width: 100%;} #postsi #post #categ {padding: 10px; background: rgba(255,157,120,0.95); float: left; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase;} #postsi #post #categ a {color: #fff;} #postsi #post #titulo {padding: 20px; width: 100%; background: #f9efe7; font-size:13px; font-weight: 600; font-family: Open Sans; text-align: center; float: left; clear: both; text-transform: uppercase;} #postsi #post #titulo a {color: #afa69d;} /*MAIS NOTICIAS*/ #maisnoticias {padding: 20px; width: 100%; float: left; margin-bottom: 20px; background: #fff; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; text-align: center; color: #afa69d;} /*FOTO DESTAQUE*/ #fotodt {width: calc(100%); height:auto; float: left; margin-bottom: 20px;} #fotodt #fotod {width: calc(100%); float: left; height: 275px; background: #fff; margin-right:20px; margin-bottom: 20px;} #fotodt #fotod img {width: 100%;height: 100% inherit;!;!i;!;!k;!;object-fit: cover;object-position: center;} #fotodt #twitter {width: calc(100%); float: left; height:275px;} #fotodt #twitter #s {width: 80px; border-radius: 3px; background: #fff; height: 275px; float: left; margin-right: 20px; position: relative;} #fotodt #twitter #seguir {padding: 20px;font-family: Open Sans;font-weight: 600;font-size: 11px;text-align: center;color: #fff;background: #ff9d78;position: absolute;top: 0px;font-size: 10px;left: 0px;width: 80px;text-transform: uppercase;padding-left: 0px;padding-right: 0px;} #fotodt #twitter #seguir:after {content: '';width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 7px;border-color: transparent transparent transparent #ff9c78;position: absolute;right: -6px;top: 25px;} #fotodt #twitter #rede {bottom: 20px;left: 20px;position: absolute;width: 30px;height: 30px;float: left;margin-bottom: 0px;background: #ff9d78 center no-repeat;border-radius: 50%;} #fotodt #twitter #tt {padding: 20px; width: calc(100% - 100px); float: right; background: rgba(0,0,0,0.02); height: 275px; font-family: Verdana; font-size: 12px; line-height: 23px; color: #afa69d;} #instagrams {width: calc(100%); height: auto; float: left; position: relative; margin-bottom: 20px; display: none;} #instagrams #ig {width: 30px; bottom: calc(50% - 15px); height: 30px; left: calc(50% - 15px); position: absolute; background: #ff9d78 url(images/ig.png) center no-repeat; border-radius: 50%;} #videos {width: calc(100%); height: calc(575px - 275px - 40px - 137px); float: left; margin-bottom: 20px;} #videos #video {width: calc(100%); float: left; height: 100%; background: rgba(0,0,0,0.02); position: relative;} #videos #video #thumb {width: 100px;height: 100%;float: left;background-size: cover;position: relative;} #videos #video #thumb #yt {position: absolute; width: 30px; height: 30px; float: left; margin-bottom: 0px; background: #ff9d78 url(images/yt.png) center no-repeat; border-radius: 50%; bottom: 20px; left: 20px;} #videos #video #titulo {padding: 20px;width: calc(100% - 100px);float: left;font-family: Open Sans;font-weight: 600;font-size: 11px;text-transform: uppercase;} #videos #video #titulo a {color: #afa69d;} #videos #video #ver {padding: 10px;position: absolute;bottom: 0px;display: none;right: 0px;background: #fff;font-family: Open Sans;font-weight: 600;font-size: 11px;text-transform: uppercase;color: #ff9d78;} #videos #video #ver a {color: #ff9d78;} /*SOBRE A PHOEBE*/ #projetos {width: calc(100%); float: left; height: auto; margin-bottom: 20px;} #projetos #projeto {width: calc(100%); float: left; height: 300px; background: rgba(249,239,232,1); position: relative; margin-right: 20px; margin-bottom: 20px;} #projetos #projeto:nth-child(3n+0) {margin-right: 0px;} #projetos #projeto #img {width: 100%; height: 200px; float: left; background-size: cover;} #projetos #projeto #c {position: absolute; left: 15px; width: 100%; bottom: 15px;} #projetos #projeto #titulo {padding: 15px; width: calc(100% - 30px); float: left; background: rgba(249,239,232,0.95); font-family: Open Sans; font-weight: 900; font-size: 14px; text-align: center; text-transform: uppercase;} #projetos #projeto #categ {padding: 7px; color: #ff9d78; float: left; background: #fff; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase;} #projetos #projeto #categ a {color: #ff9d78 ;} #projetos #projeto #titulo a {color: #afa69d;} #projetos #projeto #ano {padding: 5px; border-radius: 100px; display: inline-block; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; color: #fff; background: #ff9d78; margin-bottom: 15px;} #projetos #projeto #infos {float: left; width: calc(100% - 30px); font-family: Verdana; font-size: 12px; line-height: 20px; color: #afa69d;} #projetos #projeto #infos::before {background: rgba(0,0,0,0.05); width: 20%; display: inline-block; padding-bottom: 15px;} #twitterp {width: calc(100%); float: right; height: 300px; background: rgba(0,0,0,0.02); font-family: Verdana; font-size: 12px; line-height: 23px; color: #afa69d; padding: 20px; position: relative; margin-bottom: 20px;} #twitterp #tt {bottom: 20px; right: 20px; position: absolute; width: 30px; height: 30px; float: left; margin-bottom: 0px; background: #ff9d78 url(images/tt.png) center no-repeat; border-radius: 50%;} #instagramp {width: 100%; height: auto; float: left; display: none;} #instagrampt {padding: 20px; width: 100%; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; text-align: center; float: left; margin-bottom: 20px; color: #afa69d; background: #fff; display: none;} #instagrampt a {color: #ff9d78;} /*GALERIA*/ #galeria {width: calc(100%); float: right; height: 575px; position: relative; background: url(images/galeria.png); margin-bottom: 20px; padding: 20px;} #galeria #t {padding: 5px; float: left; color: #afa69d; font-family: Open Sans; font-weight: 600; text-transform: uppercase; font-size: 11px; border-radius: 100px; background: #fff; margin-bottom: 20px;} #galeria #setas {float: right;} #galeria #img {width: auto; height: 150px; float: left; width: 130px;} #galeria #img img {width: auto; height: 150px; width: 130px;} #galeria li #titulo {padding: 20px; float: right; width: calc(100% - 129px); font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; background: #fff; margin-right: -1px; margin-bottom: 20px; text-align: left;} #galeria li #views {padding: 5px;display: table;margin: 0px auto;margin-top: 20px; background: #fff;border-radius: 100px;font-family: Open Sans;font-weight: 600;font-size: 10px;text-transform: uppercase;color: #ff9d78;} #galeria li #titulo a {color: #afa69d;} /*FOOTER*/ #footer {/* padding: 30px; */} #footer #ad {display: none;} /*SINGLE*/ #posts{width: 100%;} /*SIDEBAR*/ #sidebar {width: 100%;} /*ANUNCIO*/ #anuncio {display: none;} #ad {display: none;} /*MENU*/ #menum {display: block; margin: 0px auto; width: 90%; margin-bottom: 20px; } /*Make dropdown links appear inline*/ #menum ul { position: static; display: none; } /*Create vertical spacing*/ #menum li { margin-bottom: 1px; } /*Make all menu links full width*/ #menum ul li, li a { width: 100%; } /*Display 'show menu' link*/ #menum .show-menu { display:block; } } @media (min-width: 768px) and (max-width: 1039px) {html, * html {margin: 0 !important; -webkit-text-size-adjust: 100%; width: 100%; height: 100%;} p, a, body, td, tr, div, section, article, aside, footer, iframe, img, input, h1, h2, h3, h4, h5, h6 {text-rendering: optimizeLegibility; box-sizing: border-box;} input {-webkit-appearance: none; -webkit-border-radius: 0;} body { margin: 0; -webkit-font-smoothing: subpixel-antialiased; overflow-x: hidden; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; background-image: none;} /*MENU*/ #menu {display: none;} /*HEADER*/ #header {width: 100%; height: 500px; background-image: url(images/headerm.png); background-position: top center; background-repeat: no-repeat; background-size: cover; float:none; margin-bottom: 20px;} #content {width:90%; margin: 0px auto;} /*TOPO*/ #topo {width: 100%; height: 199px; padding-top: 148px; background: url(images/topo.png) top center; float: none; } #topo #menu {width: 100%; float: left; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; text-align: center; width: 100%; text-align: center; } #topo #menu a {color: #afa69d; background: #fff; padding: 12px; margin-right: 20px;} #topo #menu a:hover {color: #fff; background: #ff9d78;} #topo #menu a:last-child {margin-right: 0px; margin-bottom: 0px;} /*WELCOME*/ #welcome {padding: 20px; width: 100%; float: left; font-family: Verdana; font-size: 12px; line-height: 23px; color: #afa69d; border-bottom: 1px rgba(0,0,0,0.05) solid;} #welcome b {color: #ff9d78;} /*BUSCA*/ #busca {width: calc(100%); float: right; height: 55px; position: relative; background: #fff; margin-bottom: 20px;} input#searchsubmit {cursor: pointer; height: 30px; width: 30px; top: 12.5px; right: 20px; background: #ff9d78 url(images/search.png) center no-repeat; position: absolute; border-radius: 50%; color: #fff; font-family:Open Sans; text-transform: uppercase; font-size: 10px;} #search [type="text"] { font-family: Open Sans; font-weight: 600; font-size: 11px; color: #afa69d; background: transparent; padding: 20px; padding-top: 20px; padding-bottom: 20px; width: 100%; height: 55px; text-transform: uppercase; float: left;} /*SLIDE*/ #slide {width: calc(100%); float: left; height: 550px; margin-right: 20px; margin-bottom: 20px;} #slide #post {width: 100%; height: 550px; float: left; position: relative; opacity: 1; background: rgba(0,0,0,0.05);} #slide #post #infos {padding: 20px; float: left; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; text-align: center; width: 100%; float: left; color: #afa69d;} #slide #post #infos a {color: #ff9d78;} #slide #post #titulo {padding: 20px; border-top: 1px rgba(0,0,0,0.05) solid; float: left; width: 100%; font-family: Open Sans; font-weight: 800; text-align: center; font-size: 22px;} #slide #post #titulo a {color: #fff;} #slide #post #resumo {padding: 20px; width:100%; background: rgba(0,0,0,0.02); color: #afa69d; font-size: 12px; line-height: 23px; float: left; font-family: Verdana;} #slide #post #thumb {width: 100%; display: table; margin: 0px auto; height: 200px; margin-top: 20px; background-size: cover; position: absolute; bottom: 0px; left: 0px;} #slide .owl-nav {} #slide .owl-prev {width: 42px; height: 42px; border-radius: 50%; color: #ff7970; float: left; margin-right: 20px; background: #fff; font-size: 10px; font-family:Open Sans; text-transform: uppercase; font-size: 11px; text-align: center; padding-top: 13.5px; position: absolute; bottom: calc(100px - 21px); left: -40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 0;} #slide .owl-next {width: 42px; height: 42px; border-radius: 50%; color: #ff7970; float: left; margin-right: 0px; background: #fff; font-size: 10px; font-family:Open Sans; text-transform: uppercase; font-size: 11px; text-align: center; padding-top: 13.5px; position: absolute; bottom: calc(100px - 21px); right: -40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; opacity: 0;} #slide:hover .owl-prev {opacity: 1; left: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;} #slide:hover .owl-next {opacity: 1; right: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;} #slide .owl-nav i {color: #ff9d78;} /*POSTS - INICIAL*/ #postsi {width: calc(100%); float: right;} #postsi #post {width: calc(100%); float: left; height: 265px; margin-bottom: 20px; margin-right: 20px;} #postsi #post:nth-child(2n+0) {margin-right: 0px;} #postsi #post #datar {width: 70px; border-radius: 3px; background: #fff; height: 265px; float: left; margin-right: 20px; position: relative;} #postsi #post #thumb {width: calc(100% - 90px); float: right; height: 265px; position: relative;} #postsi #post #data {padding: 20px; font-family: Open Sans; font-weight: 600; font-size: 11px; text-align: center; color: #fff; background: #ff9d78; position: absolute; top: 0px; left: 0px; width: 70px;} #postsi #post #data:after {content: '';width: 0;height: 0;border-style: solid; border-width: 5px 0 5px 7px;border-color: transparent transparent transparent #ff9c78; position: absolute; right: -7px; top: 25px;} #postsi #post #share {bottom: 20px; left: 20px; position: absolute;} #postsi #post #share #fb {width: 30px; height: 30px; float: left; margin-bottom: 20px; background: #ff9d78 url(images/fb.png) center no-repeat; border-radius: 50%; } #postsi #post #share #tt {width: 30px; height: 30px; float: left; margin-bottom: 0px; background: #ff9d78 url(images/tt.png) center no-repeat; border-radius: 50%; } #postsi #post #c {bottom: 0px; left: 0px; position: absolute; width: 100%;} #postsi #post #categ {padding: 10px; background: rgba(255,157,120,0.95); float: left; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase;} #postsi #post #categ a {color: #fff;} #postsi #post #titulo {padding: 20px; width: 100%; background: #f9efe7; font-size:13px; font-weight: 600; font-family: Open Sans; text-align: center; float: left; clear: both; text-transform: uppercase;} #postsi #post #titulo a {color: #afa69d;} /*MAIS NOTICIAS*/ #maisnoticias {padding: 20px; width: 100%; float: left; margin-bottom: 20px; background: #fff; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; text-align: center; color: #afa69d;} /*FOTO DESTAQUE*/ #fotodt {width: calc(100%); height:auto; float: left; margin-bottom: 20px;} #fotodt #fotod {width: calc(100%); float: left; height: 275px; background: #fff; margin-right:20px; margin-bottom: 20px;} #fotodt #fotod img {width: 100%; height: 100%; object-fit: cover; object-position: center;} #fotodt #twitter {width: calc(100%); float: left; height:275px;} #fotodt #twitter #s {width: 80px; border-radius: 3px; background: #fff; height: 275px; float: left; margin-right: 20px; position: relative;} #fotodt #twitter #seguir {padding: 20px; font-family: Open Sans; font-weight: 600; font-size: 11px; text-align: center; color: #fff; background: #ff9d78; position: absolute; top: 0px; left: 0px; width: 80px; text-transform: uppercase;} #fotodt #twitter #seguir:after {content: '';width: 0;height: 0;border-style: solid; border-width: 5px 0 5px 7px;border-color: transparent transparent transparent #ff9c78; position: absolute; right: -7px; top: 25px;} #fotodt #twitter #rede {bottom: 20px; left: 20px; position: absolute; width: 30px; height: 30px; float: left; margin-bottom: 0px; background: #ff9d78 url(images/tt.png) center no-repeat; border-radius: 50%;} #fotodt #twitter #tt {padding: 20px; width: calc(100% - 100px); float: right; background: rgba(0,0,0,0.02); height: 275px; font-family: Verdana; font-size: 12px; line-height: 23px; color: #afa69d;} #instagrams {width: calc(100%); height: auto; float: left; position: relative; margin-bottom: 20px; display: none;} #instagrams #ig {width: 30px; bottom: calc(50% - 15px); height: 30px; left: calc(50% - 15px); position: absolute; background: #ff9d78 url(images/ig.png) center no-repeat; border-radius: 50%;} #videos {width: calc(100%); height: calc(575px - 275px - 40px - 137px); float: left; margin-bottom: 20px;} #videos #video {width: calc(100%); float: left; height: 100%; background: rgba(0,0,0,0.02); position: relative;} #videos #video #thumb {width: 200px; height: 100%; float: left; background-size: cover; position: relative;} #videos #video #thumb #yt {position: absolute; width: 30px; height: 30px; float: left; margin-bottom: 0px; background: #ff9d78 url(images/yt.png) center no-repeat; border-radius: 50%; bottom: 20px; left: 20px;} #videos #video #titulo {padding: 20px; width: calc(100% - 200px); float: left; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase;} #videos #video #titulo a {color: #afa69d;} #videos #video #ver {padding: 10px; position: absolute; bottom: 0px; right: 0px; background: #fff; font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; color: #ff9d78;} #videos #video #ver a {color: #ff9d78;} /*GALERIA*/ #galeria {width: calc(100%); float: right; height: 575px; position: relative; background: rgba(0,0,0,0.05); margin-bottom: 20px; padding: 20px;} #galeria #t {padding: 5px; float: left; color: #afa69d; font-family: Open Sans; font-weight: 600; text-transform: uppercase; font-size: 11px; border-radius: 100px; background: #fff; margin-bottom: 20px;} #galeria #setas {float: right;} #galeria #img {width: auto; height: 150px; float: left; width: 130px;} #galeria #img img {width: auto; height: 150px; width: 130px;} #galeria li #titulo {padding: 20px; float: right; width: calc(100% - 129px); font-family: Open Sans; font-weight: 600; font-size: 11px; text-transform: uppercase; background: #fff; margin-right: -1px; margin-bottom: 20px; text-align: left;} #galeria li #views {padding: 5px;display: table;margin: 0px auto;margin-top: 20px; background: #fff;border-radius: 100px;font-family: Open Sans;font-weight: 600;font-size: 10px;text-transform: uppercase;color: #ff9d78;} #galeria li #titulo a {color: #afa69d;} /*SIDEBAR INICIAL*/ #sidebari {width: 300px; float: left; margin-right: 20px; display: none;} /*ANUNCIO*/ #anuncio {display: none;} #ad {display: none;} /*MENU*/ #menum {display: block; margin: 0px auto; width: 90%; margin-bottom: 20px;} /*Make dropdown links appear inline*/ #menum ul { position: static; display: none; } /*Create vertical spacing*/ #menum li { margin-bottom: 1px; } /*Make all menu links full width*/ #menum ul li, li a { width: 100%; } /*Display 'show menu' link*/ #menum .show-menu { display:block; } /*SINGLE*/ #posts{width: calc(70% - 20px);} /*SIDEBAR*/ #sidebar {width: 30%;} } @media (min-width: 1024px) and (max-width: 1049px) { } @media (min-width: 1050px) and (max-width: 1365px) { }