/* Reset */ html, body, div, span, 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-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } body {line-height: 1; } ol, ul {list-style: none; } blockquote, q {quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; } table {border-collapse: collapse; border-spacing: 0; } /* End Reset */ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body {margin: 0; padding: 0; height: 100%; } body {font-family: "Verdana", Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #fff; background: #99571D; text-align: center; } h1 {font-size: 30px; font-weight: normal; padding: 5px 0; } h2 {font-size: 18px; font-weight: normal; padding: 10px 0; } p {padding: 5px 0; font-weight: normal; text-align: justify; line-height: 18px; } a {color: #ffffff; text-decoration: none; } a:hover {color: #DCFFA0; } .rehap img {display: block; width: 100%; vertical-align: bottom; } .wertin.egkut, .wertin.egkut .dweton, .wertin .dweton.egkut {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .respie {display: block; height: auto; position: relative; width: 100%; } #beet {margin: 0 auto; text-align: center; } .meron {margin: 0 auto; text-align: center; } .wertin {position: relative; margin: 0 auto; } #medon {width: 100%; margin: 0 auto; text-align: center; } .pekian {position: absolute; left: 0; top: 0; max-width: 300px; height: 150px; } .rehap.logo, .rehap.teruw, .rehap.volan {box-shadow: none; background: transparent; border: 0; } .logo {width: 300px; display: inline-block; } .logo img {border: none !important; margin-bottom: 3px; } .volan {width: 606px !important; padding: 5px; vertical-align: top; display: inline-block; } #porta {padding-left: 2em;margin-top: 0em;padding-top: 0em;padding-bottom: 0em;margin-bottom: 1.5em;} #porta li {list-style: disc;margin-top: 0em;padding-top: 0em;padding-bottom: 0em;margin-bottom: 0em;} .teruw {width: 100%; } .nuport {height: 250px; } .nuport>iframe{-webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; overflow: hidden; border: 0; } /* ---- grid ---- */ #veeta {margin: 0 auto; text-align: center; } /* ---- .rehap ---- */ .rehap {position: absolute; top: -9999px; vertical-align: top; display: inline-block; width: 300px; height: auto; margin: 5px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); background: #fff; } .rehap img:hover, .rehap iframe:hover {background: #FFF; opacity: 0.7; } .ddmtypb {display:block; position:absolute; bottom:0; right:0; background:rgba(0,0,0,0.75); padding:0 15px; } @media screen and (max-width: 760px) {#laem {display: none; } #veeta {width: 460px !important; height: auto !important; display: inline-block; margin: 0 auto; text-align: center; } .teruw h1 {font-size: 26px; } .rehap {display: inline-block; position: static !important; width: 100%; height: auto; margin: 0; padding: 0; } .rehap img {border: none; height: auto; } .ddmtypb h2 {font-size: 16px; } .volan {display: none; } } @media screen and (max-width: 460px) {#laem {display: none; } #veeta {width: 100% !important; } .rehap {display: inline-block; position: relative; width: 100%; height: auto; border: 0; } .rehap img {display: block; width: 100%; height: auto; } .teruw h1 {font-size: 22px; } .ddmtypb h2 {font-size: 14px; } .volan {display: none; } }