img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --main-bg: #232323; --light: #f5f5f5; --light-comp: #4d4d4d; --dark: #232323; --dark-comp: #fff; --primary: #faca00; --primary-comp: #4d4d4d; --secondary: #ffd800; --secondary-comp: #4d4d4d; }header .grid { padding: 10px }header a.jump, header a.jump:hover, header a.jump:focus{ color: var(--primary-comp);text-decoration:none }.banner { height: min(40vw, 730px); min-height: 380px }body .banner.bgimg > img:first-of-type { object-position: 50% 82% }.banner.main { height: min(50vw, 650px); text-align: right;min-height:450px;background-image:none }.banner.main h1 { font-size: 40px }body .banner.main.bgimg > img { object-position: 25% 30% }.grid > div.bgimg > img { object-position: 30% 50% }nav a:hover, .row1 a:hover, .services a:hover, .news a:hover { color: var(--secondary, #ffd800) }a { color: var(--accent) }.bg-primary, input[type=submit], .notice a, .btn { color: var(--primary-comp, #4d4d4d) }.bg-primary, input[type=submit], .btn { background-color: var(--primary, #faca00) }.btn.style2 { color: var(--dark-comp, #fff) }.btn.style2:hover { background-color: #333 }.row2, footer .cta { background-image: none }.row2 p { padding: 0 }.row1, .row1 a, .row3 { color: #fff; }.logo { background-color: rgba(255,255,255,.5); border-radius: 15px; max-width: 300px; margin: 0 auto }main .grid { grid-gap: 20px }.grid > div.bgimg { height: 100%; min-height: 300px }#quote { color: var(--dark-comp); }#quote ::placeholder { color: #ccc !important }#contact *:focus-visible{box-shadow:-4px -4px 8px var(--dark)}form input, form textarea { padding: 10px }form .grid.half { grid-gap: 0 40px }form input[type=checkbox] { display: inline-block; width: auto; margin-right: 8px }form p { text-align: left }form .grid.positions { grid-template-columns: 250px 1fr; grid-gap: 12px 40px; margin: 0 0 20px }form .grid.positions p { margin-top: 0; }form .grid.positions textarea { margin-bottom: 0 }form .grid.positions > div:first-of-type { border-bottom: 1px solid #4d4d4d; }.inactive { background-color: #ccc; color: #000; }.inactive:hover { cursor: not-allowed; }footer .wrap { padding: 20px 10px 0 }.back{text-align:center}.back a{color:var(--light)} .notice, .hide { display: none; }.admin { background-color: #fff; }button { border: none; }.contact svg {stroke: #4d4d4d;}@media(max-width:999px) { .row1 h3 span { display: block }} @media(max-width:767px) { .row1 h3 span { display: inline } .banner.main{text-align:center} .banner.main h1, .banner.main p {margin-right:auto} .contact .grid.third{grid-template-columns:1fr} .contact ul{margin:1em 0} .contact .grid.third>div{display:grid;grid-template-columns:1fr 1fr} .contact .grid.third svg{margin:0 auto}} @media(max-width:600px) { .grid > div.bgimg { width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px } form .grid.positions{grid-template-columns:1fr} } @media(max-width:500px) { nav a, nav a:hover { color: var(--primary-comp, #4d4d4d) } nav ul { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; padding: 20px 0 10px } nav li:last-of-type:nth-child(odd) { grid-column: span 2 } nav a, nav a.btn { margin: 0; padding: 10px; display: block } .banner{min-height:230px} .banner.main { min-height: 430px } .contact .grid.third > div{grid-template-columns:1fr}}