/* 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!important;padding: 0!important;height: 100%;}
body {font-family: "Verdana", Tahoma, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 14px;color: #000;background-color: #FFFFFF;}
h1 {font-size: 30px;font-weight: normal;padding: 5px 0;}
h3 {font-size: 18px;font-weight: normal;padding: 10px 0;}
p {padding: 5px 0;font-weight: normal;text-align: justify;line-height: 18px;}
a {color: #7D4545;text-decoration: none;}
a:focus {color: #7D4545;}
a:hover {color: #FF5E03;}
.wrap {width: 100%;margin: 0 auto;text-align: center;}
img {width: 100%;height: auto;vertical-align:bottom;}
#wall {display: none;height: 0;}
.wall {margin: 0 auto;text-align: center;}
.logo {width: 300px;display: inline-block;background: transparent;}
.logo img {border: none !important;}
.writeUp {width: 606px !important;padding: 5px;vertical-align: top;display: inline-block;}
.adv {height: 250px;}
.adv>iframe{-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origion: 50% 0;transform-origin: 50% 0;}
/* ---- .box.col3 ---- */
.box.col3 {position: relative;display: inline-block;overflow:hidden;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: transparent;}
.box.col3 img:hover, .box.col3 iframe:hover {background: #FFF;opacity: 0.8;-webkit-transition: opacity 0.2s ease-in-out;-moz-transition: opacity 0.2s ease-in-out;-o-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;}
.appellative {display: block;border: 1px solid rgba(255,255,255,0.15);}
@media screen and (max-width: 760px) {#wall {display: none;}.wall {display: inline-block;margin: 0 auto;text-align: center;width: 460px !important;height: auto !important;}.heading h1 {font-size: 26px;}.box.col3 {display: inline-block;position: static !important;width: 100%;height: auto;margin: 0 auto;padding: 0;}.adv {display: inline-block !important;position: static !important;width: 100%;height: 250px;margin: 0 auto;padding: 0;}.box.col3 img {border: none;}.appellative h3 {font-size: 16px;}.writeUp {display: none !important;}}
@media screen and (max-width: 460px) {#wall {display: none;}.wall {width: 100% !important;}.box.col3 {display: inline-block;position: static !important;width: 100%;height: auto;margin: 0px auto;	}.box.col3 img {display: inline-block;width: 100%;height: auto;border: none;}.heading h1 {font-size: 22px;}.appellative h3 {font-size: 14px;}.writeUp {display: none !important;}}