img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }body { font-family: 'Red Hat Display', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.4; text-align: center; color: #4d4d4d; }body, header ul, footer ul { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; }h1, .apply h2 { font-size: 30px; text-transform: unset }h2 { font-size: 24px; text-transform: uppercase; }img { max-width: 100%; height: auto; }a img { border: none; }a { color: #00aec7; }a:hover { transition: ease-in-out .3s; color: #ff9900; }a, header a:hover, form input[type=submit]:hover, .btn:hover { text-decoration: none; }a:hover, form input[type=submit]:hover, .btn:hover { cursor: pointer; }.nowrap, a[href^=tel] { white-space: nowrap; }.center, .ccpaNotice, .hero h1, .hero p { text-align: center !important; }.wrap { display: block; max-width: 1060px; margin: 0 auto; padding: 0 10px; position: relative; }.mid { align-items: center; align-self: center; }.grid { display: grid; grid-gap: 20px 40px; }.grid.half { grid-template-columns: repeat(2,1fr); } header, .hero, .about, .apply { background-color: #00aec7; }header, header a, .hero, .about, .apply, .apply a, .services, form ::placeholder { color: #fff; }header .grid, footer .grid { grid-gap: 10px; }header > .wrap { padding: 20px 10px; }header .grid { grid-template-columns: 200px 1fr; }nav, footer .grid > div:last-of-type { text-align: right; }nav li { display: inline-block; }nav a { padding: 5px 15px;margin:5px;display:block }nav a:hover, .services .grid > div:nth-of-type(1), .apply a:hover { color: #4d4d4d; }nav a:hover { background-color: #fff; border-radius: 50px; } .hero { width: 100%; height: 500px; background-image: url(/images/hero-bg.jpg); background-size: contain; background-position: bottom; background-repeat: repeat-x; }.hero > .wrap { top: 20%; transform: translateY(-20%); }.hero h1 { margin: 0; }.hero svg { vertical-align: middle; margin-left: 5px; }.hero .btn:hover svg { filter: brightness(0) invert(1); } main ul, main ol { padding-left: 25px; }main li, footer li { margin: 5px 0; }.nolist, footer ul, .aside ul { list-style: none; padding-left: 0; }.intro { padding: 20px 0 40px; }.intro h2 { color: #00aec7; }.intro img { opacity: .7; }.about, .services, .apply { padding: 50px 0; }.services .grid { grid-template-columns: repeat(5,1fr); grid-template-rows: repeat(3,1fr); }.services .grid > div { grid-column: 1 / span 3; padding: 10px clamp(10px, 4vw, 40px); border-radius: 20px; position: relative; }.services .grid > div:nth-of-type(1) { background-color: #eee; }.services .grid > div:nth-of-type(2) { grid-column-start: 2; background-color: #00aec7; }.services .grid > div:nth-of-type(3) { grid-column-start: 3; background-color: #ff9900; }.apply h2, .apply p { padding-right: 40px; } form input[type=text], form input[type=email], form input[type=tel], form input[type=submit], form textarea, .btn { font-family: 'Red Hat Display', sans-serif; font-size: 18px; color: #fff; outline: none; }form input[type=text], form input[type=email], form input[type=tel], form textarea { background-color: transparent; margin-bottom: 10px; padding: 0 10px; border: none; border-bottom: 1px solid #eee; }form input[type=text], form input[type=email], form input[type=tel] { height: 50px; }form input[type=text], form input[type=email], form input[type=tel], form textarea { width: calc(100% - 20px); }form textarea { height: 50px; padding: 15px 10px; }form input[type=submit], .btn { display: inline-block; min-width: 110px; font-weight: 700; text-align: center; line-height: 1.5; background-color: #fff; color: #4d4d4d; padding: 10px 40px; margin: 10px 0; border: none; border-radius: 50px; transition: ease-out .3s; }form input[type=submit] { min-width: 250px; margin: 0; }form input[type=submit]:hover, .btn:hover { background-color: #4d4d4d; color: #fff; } footer, .ccpaNotice { font-size: 16px; background-color: #eee !important; }footer .grid { grid-template-columns: 1fr 150px; padding: 10px 0; }.ccpaNotice { border-top: 3px solid #fff; } @media(max-width:767px){ .services .grid{grid-template-columns:1fr;grid-template-rows:1fr} .services .grid > div{grid-column-start:unset !important;grid-column:unset !important}}@media(max-width:600px){ .grid.half,footer .grid,header .grid { grid-template-columns: 1fr } footer p,nav ul{text-align:center} footer a img{margin:0 auto;display:block}}