.progress, sub, sup { vertical-align: baseline; }.block, .elem-left, .elem-right, article, aside, details, figcaption, figure, footer, header, hr, main, menu, nav, section, summary { display: block; }hr, sub, sup { position: relative; }body, figure { margin: 0; }button, hr, input, select { overflow: visible; }[type=checkbox], [type=radio], legend { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 100%; }audio, canvas, progress, video { display: inline-block; }audio:not([controls]) { display: none; height: 0; }[hidden], template { display: none; }a { background-color: transparent; }a:active, a:hover { outline-width: 0; }abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }b, strong { font-weight: 700; }dfn { font-style: italic; }h1 { font-size: 2em; margin: 0 0 0.67em; }mark { background-color: #ff0; color: #000; }small { font-size: 80%; }sub, sup { font-size: 60%; line-height: 0; }sub { bottom: -0.25em; }sup { top: -0.45em; }img { border-style: none; }svg:not(:root) { overflow: hidden; }code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; border: 0; }button, input, select, textarea { font: inherit; line-height: initial; margin: 0; }optgroup { font-weight: 700; }button, select { text-transform: none; }[type=button], [type=reset], [type=submit], button { cursor: pointer; }[disabled] { cursor: default; }[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; border: 0; }button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }button:-moz-focusring, input:-moz-focusring { outline: ButtonText dotted 1px; }fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }legend { color: inherit; display: table; max-width: 100%; white-space: normal; }textarea { overflow: auto; }[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }[type=search] { -webkit-appearance: textfield; }[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }*, ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }.clearfix:before, .clearfix:after { display: table; content: " "; }.clearfix:after { clear: both; }address { font-style: normal !important; }img { max-width: 100%; display: block; margin: 0 auto; }.icon-gplus:before { margin-left: -1px !important; }.page_index main, .page_index > hr { display: none !important; }a, ::before, ::after, img, figure, article, li, #fixed-tabs, #header, #banner, h1, h2, h3, h4, h5, h6, .btn, .btn-alt, .btn:before, .btn-alt:before { -webkit-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }i { display: inline; }*, ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }[class*=" icon-"]:before, [class^=icon-]:before { line-height: 1 !important; display: block !important; }.clearfix:before, .clearfix:after { display: table; content: " "; }.clearfix:after { clear: both; }.shadow { -webkit-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000; }img { max-width: 100%; }a, .btn { cursor: pointer; }header { z-index: 99; }footer { z-index: 100; }.animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}@-webkit-keyframes slideIn { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes slideIn { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.flex-ed, .col-flex-ed { display: -webkit-box; display: -ms-flexbox; display: flex; }.flex-ed { -webkit-box-orient: horizontal; -webkit-box-direction: normal; }.col-flex-ed { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column; -ms-flex-flow: column; }star { line-height: 1; margin: 7px auto; display: block; }star:after { font-size: 22px; font-family: "fontello"; font-weight: 400; margin: 0; font-style: normal; content: "\e80f\e80f\e80f\e80f\e80f"; color: #febb21; padding: 0 10px; letter-spacing: 8.8px; }#fixed-tabs { position: fixed; bottom: 0; right: 0; width: 100%; text-align: center; line-height: 1; display: flex; z-index: 150; }#fixed-tabs a { font-size: 13px; color: #fff; font-weight: 700; text-transform: uppercase; padding: 14px 0; flex: 1; }#fixed-tabs a:nth-of-type(odd) { background-color: #946723; }#fixed-tabs a:nth-of-type(even) { background-color: black; }@media (min-width:1031px) { #fixed-tabs { display: none; }}@media (max-width:1030px) { #fixed-tabs i { display: inline-block; font-size: 16px; display: inline-block; margin-right: 5px; } footer { margin-bottom: 42px !important; }}@media (max-width:600px) { #fixed-tabs strong { display: none; }}body { position: relative; background-color: #fff; text-align: center; color: #000; font: 400 18px/26px "proxima-nova", sans-serif; }p { color: #000; font: 400 18px/26px "proxima-nova", sans-serif; }a { display: inline-block; text-decoration: none; cursor: pointer; color: #CF9235; }a:hover { color: #000; }h1, h2 h3, h4, h5, h6 { font-family: "proxima-nova", sans-serif; text-align: center; }h1 { margin: 0; color: #000; font: 400 50px/1.3 "reiher-headline", sans-serif; }h1 span { font: 500 72px/1 "reiher-headline", sans-serif; color: #fff; display: block; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); letter-spacing: normal; }h2 { font: 400 50px/1.1 "reiher-headline", sans-serif; color: #000; letter-spacing: normal; margin: 10px 0; }h3 { font: 600 30px/1 "proxima-nova", sans-serif; color: #000; margin: 20px auto 0; letter-spacing: 0.15px; }main ul { list-style: none; padding: 0; margin: 10px auto; text-align: left; display: table; }main ul li { position: relative; padding-left: 45px; font-size: 24px; line-height: 1.2; margin: 10px auto; }main ul li:before { content: "\e832"; font-family: fontello; position: absolute; left: 0; top: 0; color: #CF9235; }.btn, .btn-alt { position: relative; display: inline-block; cursor: pointer; padding: 12px 15px; min-width: 310px; text-align: center; color: #CF9235; background-color: transparent; border: 2px solid #CF9235; border-radius: 23px; font: 500 20px/1.1 "proxima-nova", sans-serif; text-transform: uppercase; letter-spacing: 1px; }.btn span, .btn-alt span { text-transform: uppercase; font-size: 13px; vertical-align: middle; }.btn:hover, .btn-alt:hover { background-color: #CF9235; color: #fff; }header { position: relative; left: 0; right: 0; width: 100%; padding: 0; z-index: 100; background-color: #fff; }.fix-nav header { position: fixed; width: 100%; left: 0; top: 0; right: 0; animation-duration: 0.8s; animation-fill-mode: both; animation-name: slideIn; z-index: 110; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); padding-bottom: 10px; }.fix-nav header .logo img { max-height: 70px; }.phy { color: #000; font-size: 18px; line-height: 1.39; font-family: "proxima-nova", sans-serif; padding-left: 25px; position: relative; }.phy:hover { color: #CF9235; }.phone { color: #000; font: 400 35px/30px "proxima-nova", sans-serif; padding-left: 25px; position: relative; }.phone span { color: #000; display: block; font: 500 18px/24px "reiher-headline", sans-serif; text-transform: uppercase; letter-spacing: 0.9px; display: block; margin-bottom: 5px; }.phone:hover { color: #CF9235; }.hd-info { display: block; text-align: left; order: -1; flex: 0 1 320px; margin: 0 auto; }.phy i, .phone i { color: #000; font-size: 18px; position: absolute; left: 0; bottom: 50%; transform: translateY(50%); }header .btn { background-color: #CF9235; color: #fff; }header .btn i { display: inline-block; vertical-align: middle; }header .btn:hover { background-color: #000; }#nav { display: flex; max-width: 1260px; justify-content: space-around; margin: auto; align-items: center; padding: 10px; }.mobile-buttons { display: none; }.split { display: flex; justify-content: space-between; align-items: center; max-width: 1160px; margin: 70px auto; }.split article { margin: 10px; padding: 5px; flex: 0 1 550px; }.split article p { text-align-last: center; letter-spacing: normal; line-height: 30px; margin-bottom: 30px; }.split .btn { margin: 10px auto 30px; }.split figure img { position: relative; }.split .no-shad img { box-shadow: none; }.split.even figure { order: -1; }#banner { display: flex; }#banner > * { flex: 1 0 50%; }#banner .quiz .flex-ed { max-width: 1300px; margin: auto; flex-flow: column wrap; align-content: center; gap: 25px; }#banner .quiz h2 { font: normal 35px/1 "Nunito Sans", sans-serif; }#banner .quiz p.note { font: normal 18px/1 "Nunito Sans", sans-serif; color: grey; text-transform: uppercase; }#banner .quiz article { width: 100%; width: 550px; background: #fff; filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.46)); padding: 20px 10px; }#banner figure figcaption { position: absolute; bottom: 0; font-size: 14px; font-weight: 700; margin-top: 5px; padding: 10px; width: 370px; text-align: center; letter-spacing: 0.1em; background-color: rgba(0, 0, 0, 0.9); text-transform: uppercase; right: 50px; color: #fff; }#banner figure figcaption a { color: #fff; }#banner figure figcaption a:hover { color: #2b333c; }#banner figure figcaption span { color: #2b333c; padding: 0 5px; }#banner figure { margin: 0; position: relative; order: 1; text-align: center; }#banner figure img { width: 100%; position: relative; width: 100%; }#banner figure .caption { position: absolute; bottom: 0; font-size: 18px; width: 100%; font-weight: 700; letter-spacing: 1.3px; background-color: #fff; padding: 10px; text-transform: uppercase; color: #231f20; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; left: 50%; transform: translateX(-50%); }#banner figure .caption a { color: #231f20; letter-spacing: 1.6px; }#banner figure .caption a:hover { color: #2b333c; }#banner figure img { margin: 0; width: 100%; height: 100%; }#banner > article { order: 2; position: relative; z-index: 2; padding: 10px; display: flex; flex: 0 1 700px; flex-flow: column wrap; justify-content: center; align-items: center; gap: 25px; display: flex; flex-flow: column wrap; justify-content: center; background-color: #f2f1f2; }.below-banner { padding: 10px 20px; text-align: center; background-color: #E1D5B5; }.below-banner h2 { font-size: 40px; }#reviews { max-width: 1200px; margin: 100px auto 0; }#reviews .mob { display: none; }#reviews ul { display: flex; flex-flow: column; justify-content: center; align-items: flex-start; }#reviews ul li { color: #fff; margin: 10px 0; font-size: 28px; }#reviews h2 { color: #fff; font-size: 50px; }#reviews h2 small { display: block; font-family: "proxima-nova", sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 500; letter-spacing: 1.6px; }#reviews .flex-ed { flex-flow: row wrap; justify-content: space-between; align-items: center; }#reviews .flex-ed:first-of-type { background: #434243; }#reviews .flex-ed > div.list { flex: 0 1 660px; display: flex; max-width: 530px; margin: 0 auto; flex-flow: column wrap; padding-top: 40px; }#reviews .caption { position: absolute; bottom: 0; font-size: 18px; width: 100%; font-weight: 700; letter-spacing: 1.3px; background-color: #fff; padding: 10px; text-transform: uppercase; color: #231f20; font-family: "Nunito Sans", sans-serif; text-transform: uppercase; left: 50%; transform: translateX(-50%); }#reviews .caption a { color: #231f20; letter-spacing: 1.6px; }#reviews .caption a:hover { color: #2b333c; }#reviews #mobile-doc { display: none; }#reviews figure { padding: 0; }#reviews .flex-ed figure img { margin: 0; width: 100%; }#reviews .review { background: #f2f1f2; flex-flow: row; filter: drop-shadow(4px 4px 11px rgba(0, 0, 0, 0.23)); padding: 40px 20px; }#reviews .review h5 { font: 400 30px/1 "proxima-nova", sans-serif; margin: 0; }#reviews .review img { padding: 50px; margin: 0; }#reviews .review author { color: #121618; text-align: left; font-size: 15px; line-height: 1; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; display: flex; align-items: center; justify-content: flex-start; }#reviews .review author img { padding: 0; }#reviews .review > div { padding: 5px 10px 5px 5px; display: flex; flex-flow: column; justify-content: center; max-width: 1060px; margin: 0 auto; }#reviews .review > div > * { text-align: left; }#reviews .review p { position: relative; font-size: 32px; line-height: 35px; margin: 10px auto; }#reviews .review p:before { content: url(assets/images/lp-implant-quote.png); position: absolute; right: 0; top: -60px; }.callouts { margin: 20px auto; display: flex; justify-content: space-around; align-items: stretch; max-width: 1140px; height: auto; padding: 10px 0; width: 100%; z-index: 102; }.callouts .col { display: flex; align-items: center; text-decoration: none; justify-content: center; position: relative; flex-direction: column; margin: 15px 0; padding: 5px; }.callouts .col h3 { margin-bottom: 20px; margin-top: 0; color: #88c6ff; }.callouts .col:hover h3 { color: #000; }.callouts .portrait { width: 100%; background-color: #fff; border-radius: 10px; padding: 0; overflow: hidden; box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.35); display: flex; flex-direction: column; justify-content: center; align-items: center; }.callouts .portrait:after { content: ""; width: 95%; height: 95%; position: absolute; border: 2px solid white; border-radius: 10px; z-index: 3; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }.callouts .portrait:hover:after { border-color: #000; }.callouts .portrait img { position: relative; z-index: 3; }.callouts p { line-height: 1.2; margin-top: 15px; letter-spacing: 0.45px; }#options { max-width: 1180px; }#options div { padding: 0; border-radius: 15px; overflow: hidden; position: relative; }#options .col { background-color: transparent; z-index: 105; }#options .col h3 { font-size: 30px; color: #000; letter-spacing: normal; font-family: "proxima-nova", sans-serif; font-weight: 500; margin: 0 0 25px; }#options .col .portrait { box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); }#options .col .portrait:after { color: white; }#options .col:last-of-type h3 { margin: 0 -20px 25px; }#choice figcaption { margin-top: 10px; letter-spacing: 2.2px; font-family: "reiher-headline", sans-serif; font-size: 22px; font-weight: 500; text-transform: uppercase; }#choice figure { align-self: end; }#secondary { background-color: rgba(225, 213, 181, 0.5); margin: 0 auto 10px; padding: 60px 20px 50px; }#secondary .callouts { margin-top: 0; }#secondary a { flex: 0 0 255px; }#secondary a h3 { letter-spacing: 0.26px; line-height: 1.2; margin: 0 auto; color: #1a1a1a; font-weight: 500; font-family: "proxima-nova", sans-serif; font-size: 30px; }#secondary .callouts .portrait { min-height: 260px; }#secondary .callouts .portrait:after { width: 92%; height: 92%; border: 2px solid #000000; }#secondary .callouts .portrait:hover:after { border-color: #000; }#secondary .callouts .icon-location { top: -5px; font-size: 30px; color: #000000; }#secondary .callouts .icon-location:before { font-family: fontello; }#team figure { display: flex; justify-content: space-between; align-items: flex-start; flex: 0 1 530px; margin-left: 50px; position: relative; }#team figcaption { margin-top: 20px; }#team figcaption a { color: #2b2b2b; font-size: 18px; letter-spacing: 0.1em; font-family: "reiher-headline", sans-serif; text-transform: uppercase; font-weight: 700; }#team figcaption a:hover { color: #CF9235; }footer { padding-top: 70px; background-color: #434243; }footer .flex-ed { max-width: 1000px; margin: 0 auto; justify-content: center; padding-bottom: 30px; flex-wrap: wrap; }footer .logo { display: none; }footer article { background-color: #fff; border-radius: 15px; text-align: center; margin: 10px; flex: 0 1 340px; padding: 10px; box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.35); }footer .phone { padding: 0; font-size: 30px; color: #000; margin: 10px auto; font-weight: 500; display: block; letter-spacing: 0.28px; font-family: "proxima-nova", sans-serif; }footer .phone:hover { color: #000; }footer .address { color: #000; font-size: 17px; line-height: 1.1; margin-top: 20px; }footer .address:hover { color: #000; }footer h3 { margin-top: 20px; margin-bottom: 20px; color: #000; font-weight: 500; font-size: 30px; font-family: "proxima-nova", sans-serif; }#services, #footer-form { }#services{display: flex; flex-direction: column; justify-content: center; align-items: center;}#footer-form{flex: 1 1 100%;}#services h3, #footer-form h3 { font-size: 30px; }#contact { flex: 0 1 430px; padding: 30px 10px 20px; }#contact h3 { font-size: 36px; margin-top: 20px; margin-bottom: 25px; }#map { display: table; width: 100%; border-radius: 10px; overflow: hidden; }#map iframe { display: block; }#services { order: -1; }#services ul { width: 100%; margin-top: 20px; padding-left: 0; margin-bottom: 10px; }#services li { margin: 10px auto; list-style: none; text-align: center; border: 1px solid #CF9235; background-color: #CF9235; }#services li a { display: block; color: #fff; font-weight: 500; font-family: "proxima-nova", sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 1.8px; padding: 25px 20px 22px; }#services li:hover { background-color: #000; }#services li:hover a { color: white; }.simple { margin: 20px 0 5px; }.simple .btn { border-radius: 0; color: #fff; width: 90%; padding: 15px 10px; min-width: auto; background-color: #CF9235; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.25); }.simple .btn:hover { background-color: #000; }.simple input, .simple select { height: 35px; }.simple textarea { height: 80px; padding-top: 8px; }.simple input, .simple textarea, .simple select { outline: none; border: none; background-color: #ededed; margin: 3px 0; width: 90%; padding: 6px 10px; font-size: 18px; color: #000; }.simple input:focus, .simple textarea:focus, .simple .btn:focus, .simple select:focus { background-color: #f7f4f4; box-shadow: inset 0 3px 0 #000; }::placeholder { color: #000; }.copy { font: 400 18px/1.4 "proxima-nova", sans-serif; color: #fff; margin-top: 20px; text-align: center; padding: 10px 0 60px; }.copy span { padding: 0 5px; }.copy a { margin: auto; color: #fff; }.copy a:hover { color: #f2f1f2; }#landing-page-form { position: relative; max-width: 850px; padding: 0px 10px 10px; margin: 20px auto; }#landing-page-form h1 { font-size: 50px; margin-bottom: 30px; color: #000; text-align: center; padding-top: 20px; font-weight: 400; text-shadow: none; }#landing-page-form p { max-width: 680px; margin: auto; margin-bottom: 30px; }#landing-page-form .simple { margin: auto; display: table; width: 100%; max-width: 550px; }#landing-page-form .simple label { display: none; }#landing-page-form .simple input, #landing-page-form .simple select { height: 50px; }#landing-page-form .simple textarea { height: 200px; margin-bottom: 30px; padding-top: 10px; }#landing-page-form .btn { width: 160px; }hr { border-bottom: 1px solid rgba(151, 151, 151, 0.74); box-shadow: 5px 1px 1px rgba(14, 14, 15, 0.35); margin-top: 30px; display: none; }@media (max-width:1160px) { #options { flex-wrap: wrap; max-width: 1050px; }}@media (max-width:1110px) { h1 { font-size: 50px; } h1 span { font-size: 60px; } #banner article { flex: 0 1 48%; }}@media (max-width:1024px) { header address a { font-size: 15px; } .phone { font-size: 30px; } h1 { font-size: 44px; } h1 span { font-size: 55px; } .callouts h3 { font-size: 25px; } #secondary a { flex: 0 0 230px; } header { -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35); } .hd-info, header .btn { display: none; } .mobile-buttons { display: flex; align-items: stretch; flex-wrap: nowrap; width: 100%; } .mobile-buttons a { flex: 0 1 50%; padding: 15px 10px; font: 600 21px/1.1 "proxima-nova", sans-serif; letter-spacing: 0.05em; color: #fff; text-transform: uppercase; background: #434243; text-align: center; } .mobile-buttons a span { display: block; font-size: 26px; } .mobile-buttons a small { font-size: 14px; display: block; } .mobile-buttons a:nth-of-type(2) { background: #CF9235; color: #fff; padding: 10px 10px; font-size: 17px; } .mobile-buttons a:nth-of-type(2) span { font-size: 26px; } #banner { display: block; text-align: center; } #banner .quiz article{max-width: 100%;} hr { display: block; max-width: 95%; } #nav { padding-top: 0; -ms-flex-pack: distribute; justify-content: space-around; } #nav .logo { flex: 0 1 270px; padding-top: 10px; margin-left: 0; } #nav .btn { margin: 10px 0 0; } header address { display: none; } #reviews .review { margin: 50px auto; padding: 60px 20px; background-color: #F0F0F0 !important; text-align: center; } #reviews .review > div { box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.16); background-color: #fff; padding: 60px 20px; border-radius: 24px; } #reviews .review p { text-align: center; font-size: 20px; line-height: 1.1; } #reviews .review p:before, #reviews .review h5, #reviews .review star, #reviews .review author span { display: none; } #reviews .review author { display: block; text-align: center; } #reviews .review .mob { display: block; } .split { margin: 20px auto; display: block; } .split article { max-width: 100%; padding: 20px 10px; } .split article .btn { float: none; margin: auto; display: table; } .split figure { margin: 20px auto; } .callouts { flex-wrap: wrap; max-width: 600px; } .callouts .calls { max-width: 600px; flex-wrap: wrap; margin: auto; justify-content: space-around; } #choice figure { margin-bottom: 0; } #secondary { padding: 15px 0; } #secondary a { flex: 0 0 255px; } footer .flex-ed { flex-wrap: wrap; max-width: 700px; margin: auto; } #services { order: 1; } #contact { flex: 0 1 690px; } #services, #footer-form { flex: 1; } #team figure { max-width: 475px; margin: auto; } #banner figure img { display: block; } #reviews { padding: 0 10px; } #reviews .flex-ed > div.list { padding: 0 10px; } .copy span:last-of-type, .copy > span:first-of-type { display: block; } .copy span:last-of-type .hide, .copy > span:first-of-type .hide { display: none; }}@media (max-width:740px) { #nav .logo { margin-top: 0px; max-width: 100%; flex: 1 1 100%; } #nav { flex-wrap: wrap; text-align: center; padding-bottom: 10px; } #banner figure { max-width: 100%; } .callouts .col { margin: 0 auto; } .callouts a h3 { margin-bottom: 15px; line-height: 1.2; } #banner-wrapper { margin-top: 0; } header { padding-bottom: 0; } .below-banner h2 { font-size: 30px; }}@media (max-width:590px) { #nav .logo { margin-bottom: 20px; max-width: 90%; } #banner h1 { font-size: 42px; } h1 span { font-size: 42px; margin: 10px; } #banner h1 small { font-size: 28px; } #banner article { min-width: 300px; } #banner article .btn { font-size: 28px; } #banner article div { line-height: 1.1; } #banner figure figcaption { right: 50%; transform: translateX(50%); } h2 { margin-top: 20px; font-size: 30px; } .split figure { padding: 0 10px; } .split article p { text-align: center; padding: 0 10px; } .copy { padding: 40px 10px 25px; } #map { display: none; } footer .logo { display: block; } footer #contact { padding: 20px 10px; } footer .flex-ed { display: block; } #landing-page-form h1 { font-size: 40px; } .btn { min-width: auto; } .btn { max-width: 100%; }}@media (max-width:400px) { #banner h1 { font-size: 32px; } #banner article div { font-size: 24px; padding-top: 10px; } #banner article div span strong { font-size: 20px; } .split article .btn { margin-bottom: 20px; } #callouts h2 { font-size: 36px; } .callouts { padding-bottom: 10px; } #team figure { display: table; } #services h3 { margin-top: 10px; } #services ul li a { font-size: 18px; } .copy { padding-bottom: 20px; } #banner figure figcaption { width: 250px; }}@media (max-width:350px) { #nav { display: block; } #nav .btn { margin: 10px auto; } #banner h1 { line-height: 1; } #banner article .btn { font-size: 20px; } #banner article div { font-size: 16px; } #banner article div span { font-size: 18px; } h2 { font-size: 24px; } .split article .btn { padding: 5px 7px; font-size: 22px; }}