img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --light: #F8F8F8; --semi-light: #EBEBEB; --light-30: #81D1C8; --light-45: #1C99B0; --accent: #F9B522; --dark: #0A2037; --highlight: #D4532A; } body { font-family: 'Questrial',sans-serif; font-size: 18px; background-color: var(--light); color: var(--dark); line-height: 1.5; text-align: center; background-size: cover; min-width: 320px; padding: 0; margin: 0;}h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote, .fakeh1, address { text-align: left; }h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-weight: normal; }h1, h2, h3, h4, h5, h6, p, .fakeh1, dl, address { padding-left: 10px; padding-right: 10px }.fakeh1 { display: block; font-size: 32px }.highlight { color: var(--highlight) }.small { font-size: 85% }.nowrap, a[href^=tel] { white-space: nowrap; }body, nav ul { padding: 0; margin: 0; }section ul, section ol, footer ul { padding: 0 }img, iframe { max-width: 100%; height: auto }a img, iframe { border: none; }p a, section li a { text-decoration-line: underline; text-decoration-color: var(--dark); text-underline-offset: 2px }p a:hover, section li a:hover { text-decoration-color: var(--accent); color: var(--dark) }a { text-decoration: none; color: var(--dark); transition: all .3s linear 0s; }a:focus, input[type=submit]:focus { outline-offset: 4px }a, a:focus, nav a, nav a:hover, .services a h2, .services a:hover h2, .articles a, .articles a:hover, footer a, footer a:hover, input[type=submit], input[type=submit]:focus { transition: all .3s linear .01s; }.hero a:hover, .services a:hover { text-decoration: none; }hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 30px 0; }.imgLeft, .imgRight { max-width: 45%; }.imgLeft { float: left; margin: 5px 4% 1% 0; }.imgRight { float: right; margin: 5px 0 1% 4%; }.clear { clear: both; }.center { text-align: center; }.wrap { max-width: 1080px; display: block; margin: 0 auto; position: relative; }.flex { display: flex; }.table { display: table; width: 100%; }.table > div, .articles .post { display: table-cell; vertical-align: top; }.table.mid > div, .help > div { vertical-align: middle }.table.half > div { width: 50%; }.table.half > div:first-of-type, .articles .post:first-of-type { padding-right: 2%; }.table.half > div:last-of-type, .articles .post:last-of-type { padding-left: 2%; }.table.third > div { width: 33%; }.table.third > div:nth-of-type(1) { padding-right: 2%; }.table.third > div:nth-of-type(2) { padding: 0 1%; }.table.third > div:nth-of-type(3) { padding-left: 2%; }.table.quad > div { width: 25%; }.mid { align-items: center; align-self: center; }.grid { display: grid; grid-gap: 10px }.grid.half { grid-template-columns: repeat(2,1fr) }.grid.third { grid-template-columns: repeat(3,1fr); }nav ul, nav li { display: inline-block; vertical-align: middle; }.nolist li { list-style: none; } header { width: 100%; background-color: var(--dark); padding: 5px 0; position: fixed; z-index: 999; box-shadow: 0 0 10px rgba(0,0,0,.1); top: 0; }header .table .logo { width: 100%; text-align: left; height: auto; }header .grid { grid-template-columns: 240px 1fr; grid-gap: 10px; text-align: right }header a { display: block }nav { align-items: center; }nav li a { font-size: 19px; color: var(--light); padding: 10px; text-decoration: none; text-decoration-color: var(--accent); text-underline-offset: 4px; top:50% }nav a:hover { text-decoration-line: underline; }nav a.btn, nav a.btn:hover { border: none }nav a[href^=tel] { font-weight: bold; }nav.grid { grid-template-columns: 1fr; }a.btn, .btn, input[type=submit] { background-color: var(--dark); color: var(--light); padding: 10px 30px; text-align: center; text-shadow: none; text-decoration: none }a:focus.btn, a:hover.btn, input[type=submit], input[type=submit]:focus, input[type=submit]:hover { background-color: var(--dark); color: var(--light) }a.focus.btn.big, a:hover.btn.bg { background-color: var(--light-30); }blockquote { border-left: var(--accent) 10px solid; font-size: 120%; text-align: left; padding: 20px; margin: 1em 4%; } footer { background-color: var(--dark); color:var(--light); text-align: center; }footer .wrap { padding-top: 30px; }footer div:first-of-type li { display: inline-block; }footer div:first-of-type ul { text-align: left !important; }footer div:nth-of-type(2) ul { text-align: center !important; }footer div:nth-of-type(2) i { font-size: 40px; }footer div:nth-of-type(2) i:first-of-type { margin-right: 20px; }footer div:nth-of-type(2) a {color: var(--light) }footer div:nth-of-type(3) p { text-align: right !important; } .banner { height: 500px; background-size: cover; background-position: 50% 40%; background-position: 0% 10%}.banner.home { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%), url(/images/home-grid.jpg) no-repeat; background-size: cover;}.banner.about { background-color:var(--dark) ; background-size: cover;}.banner.contact { background-color: var(--dark); background-size: cover; background-position: 50% 45%; }.banner .wrap { top: 35%; }.overlay { height: 70%; width: 100%; }.overlay h1 { text-align: center; font-weight: bold; background: -webkit-linear-gradient(0deg, #F9B522, #FF6127); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 60px; filter: drop-shadow(.25px .25px .25px #FF6127)} .overlay p { text-align: center; font-weight: bold; color: #2E2E2E; font-size: 35px;} .information { width: 100%; padding: 40px 0 0; }.information .wrap { padding-bottom: 20px; }.bio { margin: 15px auto; }.information span { color: #8D130D; }.information h3 { margin-top: 40px }.strategic strong { color: var(--dark) }.strategic li { margin-left: 20px; }.strategic img { max-height: 400px; width: 400px; }.information h2 { margin: 40px auto; color: var(--dark); font-size: 36px !important; text-shadow: 2px 2px 2px var(--light); font-weight: bold; letter-spacing: 2px;}.information .cta h2 { font-size: 27px !important; } form { margin: 20px 10px; }form .table.half > div:first-of-type { padding-right: 1%; }form .table.half > div:last-of-type { padding-left: 1%; }form .grid { grid-gap: 0 15px; }form input, form textarea { display: block; border-radius: 0; }form label { text-align: left; display: block; letter-spacing: 1px; margin-bottom: 15px }.getstarted label { color: var(--light); font-size: 20px; }form input[type=text], form input[type=email], form input[type=tel], form input[type=submit], form textarea { font-family: 'Questrial',sans-serif; font-size: 19px; }form input[type=text], form input[type=email], form input[type=tel] { padding: 0 20px; }form input[type=text], form input[type=email], form input[type=tel], form textarea { background-color: var(--semi-light); border: 1px solid #eee }form input[type=text], form input[type=email], form input[type=tel], form textarea { width: calc(100% - 40px); }form input[type=text], form input[type=email], form input[type=tel], form select { height: 50px; }form textarea { height: 150px; padding: 20px; }form input[type=submit] { background-color: var(--dark); color: #fff; padding: 15px 40px; margin-top: 20px; border: none; border-radius: 50px; display: inline-block; -webkit-appearance: none; }form input[type=submit]:hover, form input[type=submit]:focus { cursor: pointer; }.getstarted #contact input[type=text], .getstarted #contact input[type=email], .getstarted #contact input[type=tel], .getstarted #contact textarea { background-color: rgba(255,255,255,.9); } .light { background-color: var(--semi-light); font-size: 24px; text-align: center; margin: auto; border-radius: 10px; }.about h2, .light .grid.half { text-align: center; }.about h2:nth-child(2) { margin-top: -20px; }.blue { color: #fff; background-image: url(/images/hex-background.jpg); background-size: cover; background-position: top; height: auto; width: 100%; margin: auto; font-size: 24px; align-items: center; padding-bottom: 30px;}.blue p:nth-of-type(1) { padding-top: 6%; } .cta h2 { color: var(--highlight); }.cta h2 span{ display: block; margin-top: 10px; color: var(--dark); font-size: 24px; } @media(max-width:800px) { .grid.half { grid-template-columns: 1fr; }} @media(max-width:500px) { .grid.third { grid-template-columns: 1fr; } .grid.third div > * { text-align: center !important; } .ccpaNotice { text-align: center; } footer div:nth-of-type(2) i:first-of-type { margin: auto !important; }} @media(max-width:500px) { .overlay { height: 45% }}