img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --main-bg: #fff; --light: #f5f5f5; --light-comp: #4d4d4d; --dark: #232323; --dark-comp: #fff; --primary: #005342; --primary-comp: #fff; --secondary: #ff7000; --secondary-comp: #fff; --accent: #ff7000; --dark-accent:#ff7000;} .jump:focus { transform: translateY(0);}body, form input, form textarea { font-family: 'Poppins',sans-serif }body { font-size: 18px; color: var(--light-comp, #4d4d4d) }body, .bg-dark { background-color: var(--dark, #232323); color: var(--dark-comp, #fff) }.bg-main, main { background-color: var(--main-bg, #fff); color: var(--light-comp, #4d4d4d) }.bg-light { background-color: var(--light, #f5f5f5); color: var(--light-comp, #4d4d4d) }.bg-primary, input[type=submit], .btn { background-color: var(--primary, #1ba2b6); color: var(--primary-comp, #fff); }a, nav a:hover, .row1 a:hover, .services a:hover, .news a:hover { color: var(--secondary, #1acbdd) }.bg-secondary, .btn:hover, form input[type=submit]:hover { background-color: var(--secondary, #1acbdd); color: var(--secondary-comp, #fff) }.notice, .banner, .row1, .services .grid, footer, .emphasis { text-align: center }header a, .btn { color: var(--dark-comp, #fff) }header a:hover{color:var(--dark-accent)}header, .subfoot, .btn, form input[type=submit], .contact li { font-size: 16px }header { width: 100%; background-image: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.5),transparent); position: absolute; z-index: 999 }.banner.main { height: 700px; text-align: right; background-image: url(/images/96184362.jpg);background-position:center }.banner.main h1, .banner.main p { max-width: 500px;margin-left:auto}.banner.main h1 { font-size: 36px }.banner { height: 450px;background-position:bottom }.banner > .wrap { top: 65%; transform: translateY(-65%) }.banner:after { background-color: none; background-image: linear-gradient(transparent,rgba(0,0,0,.3),transparent) }.banner p, main h3, .row3 { font-size: 20px }.banner h1, footer h2 { font-size: 30px; font-weight: 500 }.banner p { margin-top: 0 }.btn, form input[type=submit]{padding: 13px 20px }.btn { margin-top: 10px}.btn.style2 { background-color: var(--dark, #232323) }.btn.style2:hover { background-color: #3c3c3c }main h2 { font-size: 24px }.services a { color: var(--light-comp, #4d4d4d) }.row1 a { color: var(--light-comp,#4d4d4d) }.row1 a:hover, .services a:hover, .news a:hover { text-decoration: none }.row1 .grid { margin: 40px 0 10px }.row2,.row4{padding:50px 10px}.row2 .grid > div:first-of-type { order: 2 }.row2 .grid > div:last-of-type { order: 1 }.row2 p { padding-right: 50px }.row4 { text-align: right }.row4 p { padding-left: 50px }.emphasis { padding: 20px 40px 30px; margin: 40px 0 }.services .grid, .contact .grid { margin: 50px 0 10px }.news a { color: var(--primary, #1ba2b6) }.contact ul { margin: 40px 0 }form { margin: 40px 0 }form input, form textarea { background-color: transparent; padding: 10px 0; border-bottom: 1px solid #4d4d4d }form input::placeholder, form textarea::placeholder { color: var(--light-comp) }form input:focus, form textarea:focus { outline: none }form input[type=submit] { border: none }footer { padding: 0 }footer .cta { padding: 50px 0 40px;}footer h2, footer p, footer form { position: relative; z-index: 999 }.subfoot { text-align: left; padding: 20px } @media(max-width:500px) { header { position: relative; background-image: none; background-color: var(--dark, #232323); } nav a { background-color: var(--primary, #1ba2b6); padding: 5px 15px; border-radius: 3px; } .banner { height: 300px } .banner.main{height:auto;height:500px}}