/* 28/10/2024 Theme Name: Lemon Motel Theme URI: http://www.lemonmotel.com.br Description: Produzido por padrão Version: 2024 Author: Produzido por Filipe Dantas */ *{margin:0; padding:0; outline:none;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} html {font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} h1, h2, h3, h4, h5, h6{ font-family: "FuturaNowHeadline", sans-serif;} html, button, input, select, textarea, p, li, address, small{ font-family: "Roboto", sans-serif;} html, body, #container {height:100%; background: #d3cec8;} #container {height: auto; min-height: 100%; width:100%;} ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } a { color: #000; text-decoration:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } a:hover {color: #000; text-decoration:underline} .none, .mob{display:none;} .alignnone, .alignleft{float:left; margin:0 10px 10px 0;} .alignright{float:right; margin:0 0 10px 10px} .aligncenter {margin-left: auto; margin-right: auto; clear: both; display: block;} .bt_whats{ width: 59px; height: 59px; position:fixed; right: 30px; bottom:30px; z-index:9999; text-indent: -9999px; background: url(../img/whatsapp.png) no-repeat; } /* fonts */ @font-face { font-family: 'FuturaNowHeadline'; src: url('../fonts/FuturaNowHeadline.eot'); src: url('../fonts/FuturaNowHeadline.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaNowHeadline.woff') format('woff'), url('../fonts/FuturaNowHeadline.ttf') format('truetype'), url('../fonts/FuturaNowHeadline.svg#myriadprolight') format('svg'); font-weight: normal; font-style: normal; } .center{width: 1638px; margin:0 auto;} #container{ position:relative; header{ width: 100%; position: fixed; top: 0; left:0; z-index:9; .degrade{ width: 100%; height: 155px; display: block; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%, rgba(255,255,255,0) 100%); } .menu_mob{display: none;} .desk{ width: 884px; margin:0 auto; position:absolute; top:56px; left:50%; margin-left:-442px; ul{ float: left; margin: 5px 0 0 62px; li{ list-style: none; float: left; font-size: 16px; margin:5px 0 0 20px; text-transform: uppercase; a{ color: #fff; &:hover{ color: #97D700; text-decoration: none; } } } &.dir{ float: right; margin: 5px 0 0 0; li{ margin-left:20px; } } } .ldesk{ width: 162px; height: 35px; float: left; margin: 0; text-indent: -9999px; position:absolute; top:0; left:50%; margin-left:-74px; z-index:9; a{ width: 162px; height: 35px; display: block; background: url(../img/lemon_motel.png) no-repeat; } } } } .inicio{ width: 100%; height: auto; margin: 0; position: relative; video{width: 100%; margin:-20px 0 0 0; padding: 0;} .vmob{display: none;} .titulo{ width: 886px; position: absolute; top: 380px; left: 50%; margin-left: -443px; h2, .bt_reservas, .bt_descubra{ color: #fff; text-align: center; display: block; } h2{ font-size: 120px; letter-spacing: 0px; line-height: 110px; margin-bottom: 30px; } .bt_reservas{ width: 260px; background:#97D700; margin: 0 auto 80px auto; padding:15px 0; text-decoration: none; border-radius:30px; color:#35712A; &:hover{ color: #97D700; background:#fff; } } .bt_descubra{ width:150px; height: 100px; font-size: 16px; margin: 0 auto; text-decoration: none; background:url(../img/seta.png) no-repeat center bottom; &:hover{ color: #97D700; } } } } .lemonsuites{ width: 100%; display: inline-block; float: left; background:#000; padding:50px 0; .center{ .tit{ width: 100%; float: left; margin-bottom: 50px; h2{ color: #97D700; font-size: 46px; float: left; margin-right: 20px; } small{ color: #777; font-size: 14px; float: left; margin-top: 52px; br{display: none;} } }/* /tit*/ .multiple-items{ width:100%; float:left; margin-bottom:20px; .item{ width: 536px; height: 680px; overflow: hidden; position:relative; float: left; margin:0 5px 0 5px; figure{ width: 100%; height: 680px; img{ max-width: 100%; height: auto; } } .desc{ width:400px; position:absolute; bottom:50px; left: 40px; a{ &:hover{ text-decoration: none; small{ background: #909F74; } } h3, p, small{color: #fff;} h3{ font-size: 38px; margin-bottom: 15px; } p{ font-size: 18px; margin-bottom: 20px; } small{ border:1px solid #fff; padding:10px 15px; border-radius: 30px; } } } } } .arraste{ font-size: 12px; color: #606060; display: none; } }/* /center*/ }/* /lemonsuites */ .lemonsuites2{ padding:0 0 100px 0; } .detalhes{ width: 100%; float: left; background:#EBEADF; padding:200px 0; .center{ h2{ width: 388px; margin:0 auto 50px auto; display: block; font-size: 46px; color: #97D700; text-align: center; position:relative; .cor{ color: #4B5833; } .esq, .dir{ width: 60px; height: 2px; background:#909F74; display: block; position:absolute; top:50px; } .esq{ left: -100px; } .dir{ right: -100px; } } h5{ width: 812px; display: block; margin:0 auto 50px auto; text-align: center; color: #6F6F6F; font-size: 24px; } .multiple-items{ width:100%; float:left; margin-bottom:20px; .item{ width: 536px; height: 620px; overflow: hidden; position:relative; float: left; margin:0 5px 0 5px; figure{ width: 100%; height: 620px; img{ max-width: 100%; height: auto; } } h3{ width:100%; position:absolute; top:500px; left: 0; text-align: center; font-size: 38px; a{ color: #fff; &:hover{ color: #fff; text-decoration: none; } } } } } } }/* /detalhes */ .blog{ width: 100%; float: left; background:#909F74; article{ width: 50%; float: left; padding-top:270px; .text{ width: 645px; margin:0 auto; a{ color: #fff; &:hover{ color: #4B5833; text-decoration: none; } } h3{ font-size: 34px; } h2{ font-size: 64px; margin-bottom: 20px; } p{ font-size: 34px; margin-bottom: 30px; } small{ font-size: 18px; a{ width: 260px; border:1px solid #fff; padding:10px 0; display: block; text-align: center; border-radius: 30px; } } } } figure{ width: 50%; height: 1078px; float:right; overflow: hidden; img{ width: 100%; height: auto; } } }/* /blog */ .internas{ .list_suites{ width: 100%; float: left; background: #000; padding:100px 0 300px 0; .tit_suites{ color: #fff; font-size: 40px; text-align: center; margin:100px 0 40px 0; } .center{ .tit{ width: 100%; float: left; margin:50px 0; h2{ color: #97D700; font-size: 46px; float: left; margin-right: 20px; } small{ color: #777; font-size: 14px; float: left; margin-top: 53px; } }/* /tit*/ article{ width: 536px; height: 680px; overflow: hidden; position:relative; float: left; margin:0 5px 0 5px; figure{ width: 100%; height: 680px; img{ max-width: 100%; height: auto; } } .desc{ width:400px; position:absolute; bottom:50px; left:40px; a{ &:hover{ text-decoration: none; small{ background: #909F74; } } h3, p, small{color: #fff;} h3{ font-size: 38px; margin-bottom: 15px; } p{ font-size: 18px; margin-bottom: 20px; } small{ border:1px solid #fff; padding:10px 15px; border-radius: 30px; } } } } }/* /center */ }/* /list_suites */ .suites{ .topo, .acomodacoes, .g_slide, .valores{ width: 100%; height: 1070px; float: left; position:relative; .img_mob{display: none;} } .topo{ height:auto; .vmob{display: none;} video{width: 100%; margin:-20px 0 0 0; padding: 0;} .titulo{ width: 800px; position: absolute; top: 600px; left: 50%; margin-left: -400px; h2, p, .bt_reservas{ color: #fff; text-align: center; } h2{ font-size: 48px; margin-bottom: 40px; } p{ font-size: 18px; margin-bottom: 40px; } .bt_reservas{ width: 260px; border: 1px solid #fff; display: block; margin: 0 auto 80px auto; padding:15px 0; text-decoration: none; border-radius:30px; &:hover{ color: #97D700; background:#fff; } } } }/* /topo */ .desc_mob, .acomodacoes_mob{display: none;} .acomodacoes{ .titulo{ width: 960px; position: absolute; top: 600px; left: 50%; margin-left: -480px; text-align:center; h2{ color: #fff; font-size: 48px; text-align: center; margin-bottom: 40px; } .icone_suite_mob{display: none;} p{ color: #FFF; font-size: 18px; clear: both; } } }/* /acomodacoes */ .g_slide{ .depoimentos{ width: 536px; position: absolute; top: 740px; left: 50%; margin-left: -268px; z-index: 99; text-align: center; img{ margin-bottom: 20px; } p{ font-size: 18px; color: #fff; } } .l_esq, .l_dir{ width: 86px; height: 55px; position: absolute; top:50%; margin-top:-27px; ; z-index: 99; cursor: pointer; } .l_esq{ left: 50px; background: url(../img/seta_esq.png) no-repeat; } .l_dir{ right: 50px; background: url(../img/seta_dir.png) no-repeat; } .multiple-items2{ width: 100%; height: 1080px; float: left; .item{ width: 100%; height: 1080px; float: left; img{display: none;} } } }/* /g_slide */ .valores{ padding-top:180px; background:#fff; .center{ width: 536px; margin:0 auto; text-align:center; h2{ width: 195px; margin: 0 auto 25px auto; font-size: 46px; color: #909F74; position:relative; .esq, .dir{ width: 60px; height: 2px; background:#909F74; display: block; position:absolute; top:30px; } .esq{ left: -80px; } .dir{ right: -80px; } } .linha{ width: 60px; height: 2px; background:#909F74; display: block; margin: 0 auto 40px auto; } p{ font-size: 18px; line-height: 30px; color: #4B5833; margin-bottom: 30px; } .bt_reservas{ width: 260px; text-align:center; color: #fff; background:#97D700; display: block; margin: 0 auto 80px auto; padding:15px 0; text-decoration: none; border-radius:30px; &:hover{ color: #fff; background:#909F74; } } .valor_texto{ text-align:center; p{ font-size: 14px; line-height: 18px; } } .aligncenter{ text-align: center; } } }/* /valores */ }/* /suites */ .sobre{ .desc_sobre{ width: 100%; height: 1080px; float: left; position:relative; .img_mob{display: none;} .titulo{ width: 800px; position: absolute; top: 400px; left: 50%; margin-left: -400px; h2{ color: #fff; font-size: 48px; text-align: center; margin-bottom: 40px; } p{ color: #FFF; font-size: 24px; text-align: center; } } } }/* /sobre */ .list_segredo{ width: 100%; float: left; background: #000; padding:100px 0 300px 0; .tit{ color: #fff; font-size: 40px; text-align: center; margin:100px 0 40px 0; } .center{ .tit{ width: 100%; float: left; margin:50px 0; h2{ color: #909F74; font-size: 40px; float: left; margin-right: 20px; } small{ color: #fff; font-size: 14px; float: left; margin-top: 55px; } }/* /tit*/ article{ width: 536px; height: 680px; overflow: hidden; position:relative; float: left; margin:0 5px 10px 5px; figure{ width: 100%; height: 680px; img{ max-width: 100%; height: auto; } } .desc{ width:424px; position:absolute; top:400px; left: 50%; margin-left: -212px; a{ &:hover{ text-decoration: none; small{ background: #909F74; } } h3, p, small{color: #fff;} h3{ font-size: 38px; margin-bottom: 15px; font-family: "Roboto", sans-serif; font-weight: 800; } p{ font-size: 18px; margin-bottom: 20px; } small{ border:1px solid #fff; padding:10px 15px; border-radius: 30px; } } } } } }/* /o-segredo */ .segredo{ width: 100%; float: left; background: #000; padding:100px 0 300px 0; position:relative; .tit{ color: #fff; font-size: 40px; text-align: center; margin:100px 0 40px 0; } .center{ width: 812px; position: relative; margin:0 auto; .bt_voltar{ position: absolute; top:-75px; left: 0; color: #fff; font-size: 22px; } figure{ width: 100%; height:812px; overflow:hidden; img{ max-width: 100%; height: auto; } } h3{ font-size: 78px; color: #fff; margin-bottom: 30px; } p{ font-size: 24px; color: #fff; margin-bottom: 15px; } a{ color: #fff; text-decoration: underline; } } }/* /segredo */ .localizacao{ .img_mob{display: none;} .enderecos{ width: 100%; height: 1080px; float: left; position:relative; .center{ width: 816px; position:absolute; top:130px; left:50%; margin-left:-408px; h2{ color: #fff; font-size: 40px; text-align: center; margin-bottom: 40px; } ul{ width: 100%; li{ width: 398px; height: 411px; background: #97D700; opacity: 0.9; float: left; margin:0 5px; list-style: none; padding-top: 130px; text-align:center; h3{ color: #35712A; font-size: 28px; } p{ font-size: 18px; color: #35712A; margin-bottom: 60px; } a{ color: #35712A; font-size: 18px; text-decoration: underline; } } } }/* /center */ }/* /enderecos */ .mapa{ width: 100%; height:auto; float:left; .m_mob{display: none;} img{ width: 100%; height: auto; } } }/* /localizacao */ .contato{ .img_mob{display: none;} .desc_contato{ width: 100%; height: 1300px; float: left; position:relative; .center{ width: 536px; margin: 0 auto; position:absolute; top:130px; left:50%; margin-left:-268px; h2{ color: #fff; font-size: 40px; text-align: center; margin-bottom: 40px; } p{ text-align: center; font-size: 18px; color: #fff; margin-bottom: 60px; a{ color: #fff; text-decoration: underline; } } /* formulário */ .wpcf7-form{ width:100%; margin: 0 auto; br{display:none;} label{ width: 100%; display: block; color: #000; } input, textarea, select{ width:100%; padding:22px 0 22px 2%; float:left; font-size: 18px; text-transform: uppercase; margin:0 0 15px 0; color: #35712A; border: none; background-color:#97D700; } textarea{ height:154px; margin: 0 0 15px 0; } .wpcf7-recaptcha{ width: 30%; float: left; clear: both; } .wpcf7-response-output{ color: #35712A; } .bt_enviar{ width:184px; padding:22px 0 22px 5%; color:#35712A; float:right; border-radius: 30px; text-align:left; } div.wpcf7-response-output{ clear:both; } }/* /formulário */ } } }/* /contato */ .one-half{ width: 48%; margin: 0 1% 60px 1%; float: left; } .one-third{ width: 30%; margin: 0 1% 60px 1%; float: left; } .one-fourth-first{ width: 18%; margin: 0 1% 60px 1%; float: left; } .gallery-columns-2 { margin:0 0 20px 0; clear:both; .gallery-item { width: 48% !important; height: auto; overflow: hidden; float: left; margin: 0 1% 2% 1%; text-align: center; img { width: 100%; height: auto; border: 0; margin: 0; } } } .gallery-columns-3 { margin:0 0 20px 0; clear:both; .gallery-item { width: 31% !important; height: auto; overflow: hidden; float: left; margin: 0 1% 2% 1%; text-align: center; img { width: 100%; height: auto; border: 0; margin: 0; } } } .gallery-columns-4 { margin:0 0 20px 0; clear:both; .gallery-item { width: 23% !important; height: auto; overflow: hidden; float: left; margin: 0 1% 2% 1%; text-align: center; img { width: 100%; height: auto; border: 0; margin: 0; } } } }/* /internas */ }/* /container */ footer { position:relative; background:#445A3C; height:1078px; clear:both; padding-top:160px; .center{ width: 1170px; margin:0 auto; h1{ width: 162px; height: 35px; margin: 0 auto 150px auto; text-indent: -9999px; a{ width: 162px; height: 35px; display: block; background: url(../img/lemon_motel.png) no-repeat; } } .blocos{ width: 300px; text-align: center; float: left; margin:0 45px; h4{ color: #97D700; font-size: 28px; margin-bottom: 50px; } h5{ font-size: 28px; color: #fff; } p{ color: #fff; margin-bottom: 50px; font-size: 18px; } ul{ li{ list-style: none; font-size: 18px; margin-bottom: 10px; a{ color: #fff; &:hover{ color: #909F74; } } } } .redes{ width:140px; margin:0 auto; li{ float: left; margin: 0 5px 30px 5px; } } } } .abmb{ display: block; position: absolute; bottom: 20px; left: 50%; margin-left: -75px; z-index: 999; } }/* /footer */ @media only screen and (max-width : 759px) { .mob{display: block;} .bt_whats{ right: 10px; bottom:10px; } .center{width: 358px; margin:0 auto;} #container{ header{ width: 100%; top:0; left: 0; margin:0; .desk{display: none;} .menu_mob{ width: 100%; display: block; .lmob{ width: 162px; height: 35px; margin: 0 auto; text-indent: -9999px; position:absolute; top:48px; left: 50%; margin-left: -81px; z-index: 9999; a{ width: 162px; height: 35px; display: block; background: url(../img/lemon_motel.png) no-repeat; } } .ico_menu{ width:30px; height: 20px; display: block; text-indent: -9999px; cursor:pointer; background: url(../img/ico_menu.png) no-repeat; position: absolute; top: 56px; right: 30px; z-index: 999; margin: 0; } .list_menu{ width: 100%; height: 100vh; background: #909F74; display: none; padding-top: 0; position:fixed; top:-1px; left: 0; z-index: 9; .traco{ width: 1px; height: 116px; display: block; margin: 0 auto 50px auto; background: #fff; } li{ width: 100%; padding: 10px 0; text-align: center; font-size: 18px; a{ color: #fff; } } } }/* /menu_mob */ }/* /header */ .inicio{ width: 100%; margin: 0; .vdesk{display: none;} .vmob{ width: 100%; height: auto; display: block; overflow: hidden; } .titulo{ width: 310px; top: 320px; margin-left: -155px; h2{ font-size: 44px; line-height: 44px; } } }/* /inicio */ .lemonsuites{ .center{ .tit{ h2{ font-size: 28px; margin:0; } small{ margin-top:10px; font-size: 12px; } }/* /tit*/ .multiple-items{ width:105%; .item{ width: 100%; height: 455px; margin:0 5px 0 0; figure{ height: 455px; } .desc{ width:290px; left: 50%; margin-left: -145px; a{ h3{ font-size: 30px; } p{ font-size: 14px; } } } } } .arraste{ display:block; } } }/* /lemonsuites */ .detalhes{ padding:100px 0; .center{ h2{ width: 230px; font-size: 28px; margin:0 auto 20px auto; .esq, .dir{ width: 28px; top:30px; } .esq{ left: -50px; } .dir{ right: -50px; } } h5{ width: 318px; font-size: 16px; } .multiple-items{ .item{ width: 358px; height: 500px; margin:0; figure{ height: 500px; } h3{ top:400px; } } } }/* /center */ }/* /detalhes */ .blog{ height: 1100px; position:relative; article{ width: 100%; position:absolute; bottom:120px; left: 0; padding-top:70px; .text{ width: 350px; margin:0 auto; h3{ font-size: 16px; } h2{ font-size: 40px; } p{ font-size: 16px; } small{ font-size: 16px; a{ width: 174px; } } } }/* /blog */ figure{ width: 100%; height: 550px; position:absolute; top: 0; left: 0; } }/* /blog */ .internas{ .list_suites{ padding:50px 0 200px 0; .tit_suites{ font-size: 35px; margin:100px 0 40px 0; } .center{ .tit{ h2{ font-size: 28px; margin:0; } small{ margin-top:10px; font-size: 12px; } }/* /tit*/ article{ width: 100%; height: 454px; margin-bottom:20px; figure{ height: 454px; } .desc{ width: 280px; bottom:50px; a{ h3{ font-size: 22px; } p{ font-size: 14px; } } } } } } .suites{ .topo, .acomodacoes, .g_slide, .valores{ height: 765px; .img_mob{ display: block; width: 100%; height: 765px; } } .topo{ height:auto; .vdesk{display: none;} .vmob{display: block;} .titulo{ width: 300px; top: 500px; margin-left: -150px; h2{ font-size: 35px; margin-bottom: 20px; } p{ display: none; } } }/* /topo */ .desc_mob{ width: 100%; float: left; padding: 200px 0; display: block; background: #909F74; .center{ text-align: center; h3{ color: #fff; font-size: 35px; margin-bottom: 30px; } p{ color: #fff; font-size: 18px; } } }/* /desc_mob */ .acomodacoes{ .titulo{ width: 240px; top: 262px; margin-left: -120px; img{width: 100%; height: auto;} h2{display: none;} .icone_suite_desk{display:none;} .icone_suite_mob{display: block;} p{ display: none; } } }/* /acomodacoes */ .acomodacoes_mob{ width: 100%; float: left; padding: 200px 0; display: block; background: #EBEADF; .center{ text-align: center; h3{ color: #909F74; font-size: 35px; margin-bottom: 30px; } p{ color: #000; font-size: 18px; } } } .g_slide{ .depoimentos{ width: 280px; top: 500px; margin-left: -140px; img{ width: 130px; } p{ font-size: 14px; } } .l_esq, .l_dir{ width: 49px; height: 32px; margin-top:-16px; ; } .l_esq{ left: 30px; background: url(../img/seta_esq_mob.png) no-repeat; } .l_dir{ right: 30px; background: url(../img/seta_dir_mob.png) no-repeat; } .multiple-items2{ height: 765px; .item{ height: 765px; img{ width:auto; max-height:100%; display: block; } } } }/* /g_slide */ .valores{ height: 990px; padding-top:130px; .center{ width: 298px; h2{ font-size: 35px; } .linha{ margin: 0 auto 20px auto; } .bt_reservas{ margin: 0 auto 40px auto; } } }/* /valores */ }/* /suites */ .sobre{ .desc_sobre{ height: 765px; .img_mob{ width:100%; max-height: 765px; display: block; } .titulo{ width: 358px; margin-left: -179px; top:250px; h2{ font-size: 44px; } p{ font-size: 18px; } } } }/* /sobre */ .list_segredo{ .tit{ font-size: 35px; } .center{ article{ width: 100%; height: 454px; margin-bottom:20px; figure{ height: 454px; } .desc{ width: 280px; top:210px; margin-left: -140px; a{ h3{ font-size: 34px; } p{ font-size: 16px; } } } } } }/* /list_segredo */ .segredo{ .tit{ font-size: 35px; } .center{ width:358px; .bt_voltar{ width: 100%; display: block; text-align: center; position: relative; top:0; right: 0; margin-bottom: 30px; } figure{ height: 358px; img{ max-width: 100%; height: auto; } } h3{ font-size: 44px; } p{ font-size: 22px; } } } .localizacao{ .img_mob{ width: 100%; height: 100%; display: block; } .enderecos{ background:none !important; height: 1302px; .center{ width: 358px; margin-left:-179px; h2{ font-size: 35px; text-align: center; } ul{ li{ width: 100%; margin: 0 0 30px 0; } } } } .mapa{ height: auto; .m_desk{display: none;} .m_mob{ width:100%; height:auto; display:block; } } }/* /localizacao */ .contato{ .img_mob{ width: 100%; height: 100%; display: block; } .desc_contato{ height: 880px; background:none !important; .center{ width:358px; margin-left:-179px; h2{ font-size: 35px; } p{ font-size: 14px; } .wpcf7-form{ input, textarea, select{ padding:15px 0 15px 5%; font-size: 16px; } .bt_enviar{ border-radius: 10px; padding:15px 0 15px 5%; } } } } }/* /contato */ .one-half{ width: 100%; margin: 0 0 60px 0; float: left; } .one-third{ width: 100%; margin: 0 0 60px 0; float: left; } .one-fourth-first{ width: 100%; margin: 0 0 60px 0; float: left; } .gallery-columns-2 { .gallery-item { width: 100% !important; margin: 0 0 2% 0; } } }/* /internas */ }/* /container */ footer { height:1437px; padding-top:100px; .center{ width: 100%; h1{ margin: 0 auto 75px auto; } .blocos{ float: none; margin:0 auto; .redes{ li{ margin: 0 5px 60px 5px; } } } } .abmb{ width: 150px; display: block; position: absolute; bottom: 10px; left: 50%; margin-left: -75px; z-index: 999; img{ width: 100%; height: auto; } } }/* /footer */ } /* iPads (restrato e paisagem) */ @media only screen and (min-width: 760px) and (max-width : 1024px) { .center{width: 920px;} #container{ .inicio{ height: auto; .titulo{ top: 250px; h2{ font-size: 60px; } .bt_reservas{ margin:0 auto 20px auto; } .bt_descubra{ height: 30px; background: none; } } }/* /inicio */ .lemonsuites{ .center{ .tit{ h2{ font-size: 40px; } small{ margin-top: 47px; } }/* /tit */ .multiple-items{ .item{ width: 300px; height: 400px; figure{ height: 400px; } .desc{ width: 280px; a{ h3{ font-size: 22px; } p{ font-size: 14px; } } } } } }/* /center */ }/* /lemonsuites */ .detalhes{ padding:100px 0; .center{ h2{ width: 350px; font-size: 30px; .esq{ width: 40px; top:30px; left: -80px; } .dir{ width: 40px; top:30px; right: -80px; } } h5{ width: 700px; font-size: 20px; } .multiple-items{ .item{ width: 300px; height: 400px; figure{ height: 400px; } h3{ top:300px; font-size: 30px; } } } }/* /center*/ }/* /detalhes */ .blog{ article{ padding-top:50px; .text{ width: 350px; margin:0 auto; h3{ font-size: 22px; } h2{ font-size: 34px; } p{ font-size: 16px; } small{ font-size: 14px; } } } figure{ height: 500px; } }/* /blog */ .internas{ .list_suites{ padding:100px 0 200px 0; .center{ article{ width: 296px; height: 400px; figure{ height: 400px; } .desc{ width: 280px; bottom:50px; a{ h3{ font-size: 22px; } p{ font-size: 14px; } } } } } } .suites{ .topo, .acomodacoes, .g_slide, .valores{ height: 565px; } .topo{ height:auto; .titulo{ top: 250px; h2{ font-size: 40px; margin-bottom: 20px; } p{ font-size: 16px; margin-bottom: 20px; } } }/* /topo */ .acomodacoes{ .titulo{ top: 250px; h2{ font-size: 40px; margin-bottom: 20px; } p{ font-size: 16px; } } }/* /acomodacoes */ .g_slide{ .depoimentos{ top: 380px; p{ font-size: 16px; } } .multiple-items2{ height: 600px; .item{ height: 600px; } } }/* /g_slide */ .valores{ padding-top:80px; height:700px; .center{ .linha{ margin: 0 auto 15px auto; } p{ font-size: 16px; line-height: 30px; margin-bottom: 15px; } .bt_reservas{ margin: 0 auto 40px auto; } small{ font-size: 12px; line-height: 18px; } } } }/* /suites */ .sobre{ .desc_sobre{ height: 600px; .titulo{ top:250px; h2{ font-size: 40px; } p{ font-size: 20px; } } } }/* /sobre */ .list_segredo{ .center{ article{ width: 296px; height: 400px; figure{ height: 400px; } .desc{ width: 280px; top:200px; margin-left: -140px; a{ h3{ font-size: 22px; } p{ font-size: 14px; } } } } } }/* /list_segredo */ .segredo{ .center{ h3{ font-size: 60px; } p{ font-size: 20px; } } }/* /segredo */ .localizacao{ .enderecos{ height: 720px; ul{ width:660px; li{ width: 320px; height: 320px; padding-top: 50px; } } }/* /enderecos */ }/* /localizacao */ }/* /internas */ }/* /container */ footer{ height: 650px; padding-top:80px; .center{ width: 100%; h1{ margin: 0 auto 80px auto; } .blocos{ width: 285px; margin:0 5px; h4, h5{ font-size: 22px; } p, li{font-size: 16px;} } } }/* /footer */ } @media only screen and (min-width: 1025px) and (max-width: 1366px) { .center{width: 1200px;} #container{ .inicio{ height: auto; .titulo{ width: 700px; top:250px; margin-left:-350px; h2{ font-size: 90px; } .bt_reservas{ margin:0 auto 30px auto; } } }/* /inicio */ .lemonsuites{ .center{ .multiple-items{ .item{ width: 350px; height: 500px; .desc{ width: 330px; a{ h3{ font-size: 30px; } p{ font-size: 16px; } } } } } } /* /center */ }/* /lemonsuites */ .detalhes{ padding:150px 0; .center{ .multiple-items{ .item{ width: 350px; height: 500px; figure{ height: 500px; } h3{ top:400px; } } } } }/* /detalhes */ .blog{ article{ padding-top:150px; .text{ width: 450px; h3{ font-size: 24px; } h2{ font-size: 44px; } p{ font-size: 26px; } } } figure{ height: 780px; } }/* /blog */ .internas{ .list_suites{ padding:100px 0 200px 0; .center{ article{ width: 385px; height: 500px; .desc{ width: 330px; bottom:50px; a{ h3{ font-size: 30px; } p{ font-size: 16px; } } } } } } .suites{ .acomodacoes, .g_slide, .valores{ height: 760px; } .topo{ height: 725px; .titulo{ top: 350px; } }/* /topo */ .acomodacoes{ .titulo{ top: 350px; } }/* /acomodacoes */ .g_slide{ .depoimentos{ top: 450px; } } .valores{ padding-top:100px; .center{ .linha{ margin: 0 auto 20px auto; } p{ line-height: 30px; margin-bottom: 20px; } } } }/* /suites */ .sobre{ .desc_sobre{ height: 780px; .titulo{ top:300px; } } }/* /sobre */ .list_segredo{ .center{ article{ width: 385px; height: 500px; .desc{ width: 330px; top:300px; margin-left:-165px; a{ h3{ font-size: 25px; } p{ font-size: 14px; } } } } } }/* /list_segredo */ .localizacao{ .enderecos{ height: 780px; ul{ width:720px; li{ width: 350px; height: 360px; padding-top: 100px; } } }/* /enderecos */ }/* /localizacao */ }/* /internas */ }/* /container */ footer { height:780px; padding-top:100px; .center{ h1{ margin:0 auto 80px auto; } } /* /center */ }/* /footer */ }