/* ----------------------------- SITE GENERIC ----------------------------- */ /*GENERIC*/ *{ box-sizing: border-box; } body { font-size: 13pt; color: #222222; text-align: center; padding: 0; margin: 0; } body#tinymce { background: #ffffff !important; } body.embed { background: #ffffff !important; } img { border: 0; } a, a:visited { text-decoration: none; color: #222222; outline: none; } a:hover { text-decoration: none; color: #666666; } .content input, .content textarea, .content select { border: 1px solid #cccccc; font-size: 15pt; } .btn { border: 0 !important; color: #ffffff; background: #446688; padding: 3px 10px 3px 10px; text-align: center; display: inline-block; margin: 5px; font-size: 15pt; -webkit-appearance: none; } .btn:hover,.btn:active,.btn:visited, .btn { color: #ffffff; background: #446688; text-decoration: none; } .txt { border: 1px solid #cccccc; background: #ffffff; color: #444444; padding: 3px; font-size: 13pt; } div.placeholder { height: 0px; font-size: 1px; clear: both; overflow: hidden;} .b { font-weight: bold; } .i { font-style: italic; } .u { text-decoration: underline !important; } .r { text-align: right; } .l { text-align: left; } .c { text-align: center; } .h { display: none; } ::selection { background: #aaaaaa; } ::-moz-selection { background: #aaaaaa; } .shame { background: #aa0000; color: #ffffff; text-align: center; padding: 15px; } .shame a,.shame a:active,.shame a:visited,.shame a:hover { color: #ffffff; } .content_version_list span.content_version_head { font-weight: bold; } .content_version a, .content_version span { display: inline-block; vertical-align: middle; padding: 3px 5px; width: 160px; } .content_version:nth-child(2n+1) { background: #eeeeee; } .content_version_current { font-weight: bold; } div#cookie { width: 100%; padding: 5px; font-size: 10pt; position: fixed; left: 0; right: 0; bottom: 0; background: #000; background: rgba(0,0,0,.8); color: #ffffff; text-align: center; display: none; z-index:100; } div#cookie a { color:#ffffff; text-decoration: underline; } div#cookie input { border: 0; background: #dd8a20; color: #ffffff; padding: 3px 10px; margin-left: 10px; } #pop_menu { display: none; position: absolute; left: 0; right: 0; top: 0; z-index: 100; background: #565656 !important; color: #ffffff; overflow: hidden; padding: 10px; } #pop_menu a { display: block; color: #ffffff; padding: 10px 0; } #pop_menu_close { color: #ffffff; position: absolute; top: 5px; right: 5px; display: block; width: 20px; height: 20px; font-weight: bold; font-size: 15pt; z-index: 105; } #hamburger { display: none; position: absolute; right: 10px; top: 20px; background: transparent url('images/hamburger.png') center center no-repeat; background-size: contain; width: 25px; height: 25px; z-index: 10; filter: invert(1); } #hider { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(100,100,100,.5); z-index: 50; display: none; } /* CONTENT */ .expandblock { margin-bottom: 15px; } .expandblock_title { cursor: pointer; background: #888888 url('images/right.png') 5px center no-repeat; color: #FFFFFF; padding: 3px 5px 3px 25px; font-weight: bold; } .expandblock_content { display: none; padding: 5px 10px 10px 10px; overflow: hidden; } h1.normalh1 { font-weight: normal !important; } .vbox8020, .vbox7030, .vbox6040, .vbox5050, .vbox4060, .vbox3070, .vbox2080 { display: flex; min-height: 10px; padding: 3px; flex-flow: center; align-items: flex-start; align-content: flex-start; } .vbox8020 .vbox_l, .vbox7030 .vbox_l, .vbox6040 .vbox_l, .vbox5050 .vbox_l, .vbox4060 .vbox_l, .vbox2080 .vbox_l { min-height: 10px; padding: 10px; } .vbox8020 .vbox_r, .vbox6040 .vbox_r, .vbox5050 .vbox_r, .vbox4060 .vbox_r, .vbox3070 .vbox_r, .vbox2080 .vbox_r { min-height: 10px; padding: 10px; } .vbox2080 .vbox_l { flex-basis: 20%; } .vbox2080 .vbox_r { flex-basis: 80%; } .vbox3070 .vbox_l { flex-basis: 30%; } .vbox3070 .vbox_r { flex-basis: 70%; } .vbox4060 .vbox_l { flex-basis: 40%; } .vbox4060 .vbox_r { flex-basis: 60%; } .vbox5050 .vbox_l { flex-basis: 50%; } .vbox5050 .vbox_r { flex-basis: 50%; } .vbox6040 .vbox_l { flex-basis: 60%; } .vbox6040 .vbox_r { flex-basis: 40%; } .vbox7030 .vbox_l { flex-basis: 70%; } .vbox7030 .vbox_r { flex-basis: 30%; } .vbox8020 .vbox_l { flex-basis: 80%; } .vbox8020 .vbox_r { flex-basis: 20%; } @media screen and (max-width: 800px){ .vbox8020, .vbox7030, .vbox6040, .vbox5050, .vbox4060, .vbox3070, .vbox2080 { display: block; padding: 0;} } div.simacenter { text-align: center; } div.inlineblock { display: inline-block; vertical-align: top; padding: 20px; margin-bottom: 10px; min-height: 10px; } div.iconblock { display: inline-block; vertical-align: top; padding: 20px; margin-bottom: 10px; min-height: 10px; } div.iconblock img { margin-bottom: 10px; } a.button:hover, a.button:active, a.button:visited, a.button { border: 0 !important; color: #ffffff; background: #666666; padding: 5px 15px 5px 15px; text-align: center; margin: 5px; text-decoration: none; display: inline-block; } a.rbutton:hover, a.rbutton:active, a.rbutton:visited, a.rbutton { border: 0 !important; color: #ffffff; background: #666666; padding: 5px 15px 5px 15px; text-align: center; margin: 5px; text-decoration: none; display: inline-block; border-radius: 5px; } .w30 { width: 100%; } .w50 { width: 100%; } .w100 { width: 100%; } .onepage_page { width: 100%; /*min-height: 100vh;*/ } a.minigallery { display: inline-block; vertical-align: middle; margin: 10px; } /* RESPONSE */ @media screen and (max-width: 1000px){ #hamburger { display: block; } div.inlineblock { padding: 10px; } } /* ----------------------------- TEMPLATE GENERIC ----------------------------- */ div#main { max-width: 1920px; margin: auto; } div#head { background: #ffffff; overflow: hidden; min-height: 100px; width: 100%; margin: auto; } div#headb { background: #ffffff; overflow: hidden; min-height: 100px; width: 100%; max-width: 1000px; margin: auto; padding: 0 15px 0 15px; display: flex; align-items: flex-start; align-content: flex-start; } #head_logo { background: transparent url('images/logo.png') center center no-repeat; width: 200px; height: 100px; background-size: contain; display: inline-block; margin-left: 5px; } #head_menu { text-align: right; height: 100px; flex-grow: 1; } div#head .menu0, div#head .menusel0 { color: #444444; display: inline-block; vertical-align: middle; padding: 10px 10px; margin-right: 5px; font-size: 16pt; height: 100%; line-height: 70px; } #i_head { height: 400px; } div#breadcrumbs { color: #666666; height: 20px; font-size: 9pt; line-height: 14pt; padding-left: 5px; } div#breadcrumbs a { color: #666666; } div.content { width: 100%; background: #ffffff; text-align: left; max-width: 1000px; margin: auto; padding: 0 15px 0 15px; font-size: 15pt; } div.contentb { padding: 30px; } div.placeholder { height: 0px; font-size: 1px; clear: both; overflow: hidden; } div#foot { clear: both; padding: 5px; } div#foot a { color: #aaaaaa; } .paralaximg { min-height: 100px; } /* CONTENT */ div.col4321 { column-count: 4; column-gap: 20px; } div.col321 { column-count: 3; column-gap: 20px; } div.col21 { column-count: 2; column-gap: 20px; } div.col4321 a, div.col321 a, div.col21 a { display: inline-block; break-inside: avoid; } div.wfull { left:0; right: 0; background: #ffffff; z-index: 5; } div.wfullb { margin: auto; width: 100%; max-width: 1000px; padding: 10px; } div.login, div.resetpassword { width: 100%; max-width: 500px; margin: auto; } div.login .row, div.resetpassword .row { width: 100%; margin-bottom: 10px; margin-top: 10px; display: flex; align-items: flex-start; } div.login div.l, div.resetpassword div.l { width: 40%; text-align: right; padding-right: 10px; } div.login div.c, div.resetpassword div.c { text-align: center; flex-grow: 1; } div.login div.f, div.resetpassword div.f { flex-grow: 1; } div.login div.f input[type=text], div.resetpassword input[type=text] { width: 100%; } div.login div.c .btn , div.resetpassword div.c .btn { margin: 10px auto 10px auto; } div.login div.title , div.resetpassword div.title { text-align: center; font-size: 25pt; padding-bottom: 10px; flex-grow: 1; } .wfhh { left:0; right: 0; background: #ffffff; z-index: 5; display: flex; flex-wrap: wrap; } .wfhh_left { min-width: 150px; flex-grow: 1; width: 50%; } .wfhh_right { min-width: 150px; flex-grow: 1; width: 50%; } /* RESPONSE */ @media screen and (max-width: 1000px){ #head_menu { display: none; } div.contentb { padding: 20px; } .paralaximg { height: 300px; } } @media screen and (max-width: 800px){ div.contentb { padding: 10px; } .paralaximg { height: 200px; } } /* ----------------------------- TEMPLATE MODS ----------------------------- */ * { font-family: 'Poppins', sans-serif; } body { background: ; } div#headb, div#head { background-color: ; } div#foot { background: #363534; color: ; } div#head .menu0 { color: #363534 !important; } div#head .menusel, div#head .menusel0 { color: #4B92DB !important; } .expandblock_title { background-color: #4B92DB; } a.button,a.button:hover,a.button:visited,a.button:active, .btn:hover,.btn:active,.btn:visited,.btn { background-color: #4B92DB; } .wfullbg1 { background-color: #E0E1DD !important; } .wfullbg2 { background-color: !important; } .wfullbg3 { background-color: !important; } .wfullbg4 { background-color: !important; } .wfullbg5 { background-color: !important; } figure.effectable{margin:0;padding:0;overflow:hidden;display:inline-block}figure.effect_s120120{width:120px;height:120px}figure.effect_s160160{width:160px;height:160px}figure.effect_s240240{width:240px;height:240px}figure.effect_round{border-radius:50%}figure.effect_zoomin img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}figure.effect_zoomin:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}figure.effect_zoomout img{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}figure.effect_zoomout:hover img{-webkit-transform:scale(1);transform:scale(1)}figure.effect_blur img{-webkit-filter:blur(3px);filter:blur(3px);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}figure.effect_blur:hover img{-webkit-filter:blur(0);filter:blur(0)}figure.effect_scale img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}figure.effect_scale:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}figure.effect_opacity img{opacity:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}figure.effect_opacity:hover img{opacity:.5}figure.effect_flash:hover img{opacity:1;-webkit-animation:flash 1.5s;animation:flash 1.5s}@-webkit-keyframes flash{0%{opacity:.4}100%{opacity:1}}@keyframes flash{0%{opacity:.4}100%{opacity:1}}figure.effect_shine{position:relative}figure.effect_shine::before{position:absolute;top:0;left:-75%;z-index:2;display:block;content:'';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}figure.effect_shine:hover::before{-webkit-animation:shine .75s;animation:shine .75s}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}figure.effect_circle{position:relative}figure.effect_circle::before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:'';width:0;height:0;background:rgba(255,255,255,.2);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}figure.effect_circle:hover::before{-webkit-animation:circle .75s;animation:circle .75s}@-webkit-keyframes circle{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}@keyframes circle{0%{opacity:1}40%{opacity:1}100%{width:200%;height:200%;opacity:0}}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-grow:hover,.hvr-pulse-grow:focus,.hvr-pulse-grow:active{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:hover,.hvr-fade:focus,.hvr-fade:active{background-color:#4B92DB;color:white}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#db451c;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:hover,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:active{color:white}.hvr-sweep-to-left:hover:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#4B92DB;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#db451c;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:hover,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:active{color:white}.hvr-shutter-out-horizontal:hover:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#4B92DB;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#db451c;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:hover,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:active{color:white}.hvr-shutter-out-vertical:hover:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #4B92DB,0 0 1px rgba(0,0,0,0)}.hvr-border-fade:hover,.hvr-border-fade:focus,.hvr-border-fade:active{box-shadow:inset 0 0 0 4px #db451c,0 0 1px rgba(0,0,0,0)}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#db451c;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before{left:0;right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;top:0;background:#db451c;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:hover:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:active:before{left:0;right:0}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px 10px;border-color:transparent transparent #4B92DB transparent}.hvr-bubble-top:hover:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:active:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #4B92DB}.hvr-bubble-right:hover:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:active:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0 10px;border-color:#4B92DB transparent transparent transparent}.hvr-bubble-bottom:hover:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:active:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #4B92DB transparent transparent}.hvr-bubble-left:hover:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:active:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)} body { background: #eee; } div#main { position: relative; background: #fff; } #hamburger { top: 40px; right: 30px; } #head_logo { width: 330px; height: 100px; } div#breadcrumbs { display: none; } div.content { max-width: 1200px; } div.contentb { line-height: 1.4; padding: 0 30px 0 30px; } .contentb img { max-width: 100%; } div#headb { max-width: 100%; } div.wfull { text-align: center; } div.wf1_main { background: url('content/3/3_1.jpg') left bottom no-repeat; } div.wf1 { background-size: contain; min-height: 50vh; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; width: 100vw; } @media screen and (min-width: 1920px) { div.wf1 { background-position: calc(50vw - 960px ) bottom; } } div.wf1>div{ flex: 1; text-align:left; max-width: 800px; } div.wf1b { font-size: 40pt; color: #ffffff; font-weight: 300; padding: 20px 50px; } div.background { background: #E2E2E2; max-width: 100%; } .menusel0 { font-weight: 600; } div#head .menu0:hover { font-weight: 600; } div#foot { background: #131d28; color: #fff; } a#foot { display: flex; justify-content: center; align-items: center; flex-direction: row; } @media only screen and (max-width: 1920px) { div.wf1b { font-size: 35pt; padding: 20px 50px 20px 150px; } } @media only screen and (max-width: 1750px) { div.wf1b { font-size: 30pt; padding: 20px 50px 20px 150px; } } @media only screen and (max-width: 1000px) { div.wf1b { font-size: 30pt; padding: 20px 50px; } div.wf1_main { background: #eda0a8; } div.wf1 { background-size: contain; min-height: auto; display: block; } div.wf1b { font-size: 40pt; padding: 20px 20px 50px 20px; text-align: center !important; margin: auto; } } @media only screen and (max-width: 800px) { div.wf1b { font-size: 28pt; padding: 20px 20px 50px 20px; } } @media only screen and (max-width: 500px) { div.wf1b { font-size: 24pt; padding: 20px 20px 50px 20px; } div.contentb { line-height: 1.2; padding: 0 15px 0 15px; } }