@font-face{font-family:'doepud';src:url("fonts/doepud.ttf?bmwcit") format("truetype"),url("fonts/doepud.woff?bmwcit") format("woff"),url("fonts/doepud.svg?bmwcit#doepud") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'doepud' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-arrow_right:before{content:"\e900"}.icon-arrow_left:before{content:"\e901"}.icon-quotes-left:before{content:"\e977"}.icon-menu:before{content:"\e9bd"}.icon-heart:before{content:"\e9da"}.icon-equals:before{content:"\ea1d"}@media screen{article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0;line-height:1.36}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}::-moz-selection{background:#f03e3e;color:#fff;text-shadow:none}::selection{background:#f03e3e;color:#fff;text-shadow:none}p{margin-top:0}.CSSgal{position:relative;overflow:hidden;height:100%}.CSSgal .slider{height:100%;white-space:nowrap;font-size:0;transition:0.8s}.CSSgal .slider>*{font-size:1rem;display:inline-block;width:100%;white-space:normal}.CSSgal .prevNext{position:absolute;z-index:10;top:50%;width:100%;height:0}.CSSgal .prevNext>div+div{visibility:hidden}.CSSgal .prevNext a{background:#0055d4;color:#fff;position:absolute;width:1em;height:1em;border-radius:50%;text-align:center;right:calc(10px + 1.4em);bottom:5%;text-decoration:none;font-size:1.8em;padding:3px;color:rgba(255,255,255,0.4)}.CSSgal .prevNext a:hover{background:#222}.CSSgal .prevNext a:focus{outline:solid 5px #F54141}.CSSgal .prevNext a+a{right:10px}.CSSgal>a:focus ~ .prevNext>*,.CSSgal>a:target ~ .prevNext>*{visibility:hidden}#s1:focus ~ .prevNext>*:nth-child(1),#s1:target ~ .prevNext>*:nth-child(1){visibility:visible}#s2:focus ~ .prevNext>*:nth-child(2),#s2:target ~ .prevNext>*:nth-child(2){visibility:visible}#s3:focus ~ .prevNext>*:nth-child(3),#s3:target ~ .prevNext>*:nth-child(3){visibility:visible}#s4:focus ~ .prevNext>*:nth-child(4),#s4:target ~ .prevNext>*:nth-child(4){visibility:visible}#s5:focus ~ .prevNext>*:nth-child(5),#s5:target ~ .prevNext>*:nth-child(5){visibility:visible}#s6:focus ~ .prevNext>*:nth-child(6),#s6:target ~ .prevNext>*:nth-child(6){visibility:visible}#s7:focus ~ .prevNext>*:nth-child(7),#s7:target ~ .prevNext>*:nth-child(7){visibility:visible}#s8:focus ~ .prevNext>*:nth-child(8),#s8:target ~ .prevNext>*:nth-child(8){visibility:visible}#s9:focus ~ .prevNext>*:nth-child(9),#s9:target ~ .prevNext>*:nth-child(9){visibility:visible}#s1:focus ~ .slider,#s1:target ~ .slider{transform:translateX(0%);-webkit-transform:translateX(0%)}#s2:focus ~ .slider,#s2:target ~ .slider{transform:translateX(-100%);-webkit-transform:translateX(-100%)}#s3:focus ~ .slider,#s3:target ~ .slider{transform:translateX(-200%);-webkit-transform:translateX(-200%)}#s4:focus ~ .slider,#s4:target ~ .slider{transform:translateX(-300%);-webkit-transform:translateX(-300%)}#s5:focus ~ .slider,#s5:target ~ .slider{transform:translateX(-400%);-webkit-transform:translateX(-400%)}#s6:focus ~ .slider,#s6:target ~ .slider{transform:translateX(-500%);-webkit-transform:translateX(-500%)}#s7:focus ~ .slider,#s7:target ~ .slider{transform:translateX(-600%);-webkit-transform:translateX(-600%)}#s8:focus ~ .slider,#s8:target ~ .slider{transform:translateX(-700%);-webkit-transform:translateX(-700%)}#s9:focus ~ .slider,#s9:target ~ .slider{transform:translateX(-800%);-webkit-transform:translateX(-800%)}.slider blockquote{display:flex;justify-content:center;align-content:center;align-items:center;max-width:60%;margin:0;padding:10% 30% 10% 10%;position:relative;z-index:10}.slider blockquote p{font-size:1.75em}.slider blockquote cite{font-size:1.25em;color:#dd2121}}@media screen and (max-width: 1000px){.slider blockquote p{font-size:1.5em}.slider blockquote cite{font-size:1.1em}}@media screen and (max-width: 800px){.slider blockquote{max-width:calc(100% - 25vw);padding:15vw 20vw 5vw 5vw}}@media screen and (max-width: 600px){.CSSgal .prevNext a{display:none}.CSSgal .prevNext a+a{display:block;right:10px}}@media screen{#anatomy_of_a_url header,#gone_phishing header,#netiquette header,#how_to_write_content_for_your_website header,#how_to_choose_stock_images_for_your_web_site header,#a_web_challenge header,#questions_to_ask_before_hiring_a_web_designer header,#post_launch_todo_list header,#managing_your_email header{background:#88AA00;background:linear-gradient(180deg, #020024 0%, #8a0 0%, #a9e340 100%);position:relative;z-index:3;color:#000}#anatomy_of_a_url header small,#gone_phishing header small,#netiquette header small,#how_to_write_content_for_your_website header small,#how_to_choose_stock_images_for_your_web_site header small,#a_web_challenge header small,#questions_to_ask_before_hiring_a_web_designer header small,#post_launch_todo_list header small,#managing_your_email header small{color:rgba(0,0,0,0.5)}#anatomy_of_a_url header::before,#gone_phishing header::before,#netiquette header::before,#how_to_write_content_for_your_website header::before,#how_to_choose_stock_images_for_your_web_site header::before,#a_web_challenge header::before,#questions_to_ask_before_hiring_a_web_designer header::before,#post_launch_todo_list header::before,#managing_your_email header::before{content:"";width:100%;height:100%;position:absolute;top:0;right:0;z-index:0}#anatomy_of_a_url header{padding-top:15vw}#anatomy_of_a_url header::before{background:transparent url("/images/anatomy-of-a-url.svg") 120% -5vw no-repeat;background-size:80%;opacity:.1}#gone_phishing header{padding-top:10vw}#gone_phishing header::before{background:transparent url("/images/wallet.svg") 90% -15vw no-repeat;background-size:50%;opacity:.2}#netiquette header{padding-top:250px}#netiquette header::before{background:transparent url("/images/scream.svg") 90% 50px no-repeat;background-size:70%;opacity:.2}#how_to_write_content_for_your_website header{padding-top:150px}#how_to_write_content_for_your_website header::before{background:transparent url("/images/pencil.svg") 90% 0 no-repeat;background-size:100px;opacity:.2}#how_to_choose_stock_images_for_your_web_site header{padding-top:150px}#how_to_choose_stock_images_for_your_web_site header::before{background:transparent url("/images/polaroid.svg") 100% 2em no-repeat;background-size:50%;opacity:.2}#a_web_challenge header{padding-top:100px}#a_web_challenge header::before{background:transparent url("/images/balaclava.svg") 100% 100% no-repeat;background-size:50%;opacity:.2}#questions_to_ask_before_hiring_a_web_designer header{padding-top:100px}#questions_to_ask_before_hiring_a_web_designer header::before{background:transparent url("/images/questions.svg") 90% 2em no-repeat;background-size:clamp(25%, 100px, 45%);opacity:.3}#post_launch_todo_list header{padding-top:100px}#post_launch_todo_list header::before{background:transparent url("/images/busy-bee.svg") 110% 2em no-repeat;background-size:clamp(200px, 50%, 500px);opacity:.2}#managing_your_email header{padding-top:100px}#managing_your_email header::before{background:transparent url("/images/email.svg") 90% 2em no-repeat;background-size:45%;opacity:.2}body{margin:0;position:relative;font-family:"proxima-nova", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif";color:#303030;background:#4c4a48;font-size:1.2em;z-index:1;width:100%;height:100%}body>mark{position:fixed;z-index:100}.container{background:#ededed;max-width:1200px;margin:0 auto}.div1{text-align:center;position:relative;background:#fff url("/images/header-bg.svg") 50% 50% no-repeat;background-size:cover;padding:1px}.div1 p{margin:1em auto 2em;font-size:1.7em;color:#1b56ae;max-width:70%}.div1 a,.div1 a:visited{width:clamp(300px, 90%, 600px);display:block;position:relative;z-index:2;margin:3em auto 0;padding:1vw}.div1 a:hover,.div1 a:focus{outline:solid 3px red}.div1 img{display:block;width:100%;margin:0 auto;position:relative;z-index:2}header{background:#0055D4;padding:5vw;color:#ddd}header small{color:#ddd;font-size:1.8em;font-weight:700;position:relative;z-index:5}header h1{color:#fff;font-size:3em;font-weight:900;max-width:800px;margin-top:.25em;filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.2))}header h1+p{font-size:2em;position:relative;z-index:5}header div{max-width:75%;background:rgba(0,0,0,0.5);color:#fff;border-radius:15px;padding:2em}article{padding:5vw;max-width:700px}article h2,article h3{margin-top:2em}article h3{text-transform:uppercase;font-weight:normal}article img{max-width:100%;display:block}article .i{margin:2em 0;padding:1em 0;overflow-x:auto;position:relative}article .i img{position:relative;left:0;max-width:initial}article figure{margin:2em 0 3em}article figcaption{text-align:center;margin:1em auto;font-size:1rem}article blockquote{position:relative;z-index:1;padding:3vw;margin:3vw;overflow:hidden;box-shadow:0px 0px 25px 5px rgba(0,0,0,0.2)}article blockquote::after{line-height:1;content:"\e977";font-size:200px;font-family:'doepud';color:#ddd;display:block;position:absolute;z-index:0;top:-2vw;left:-2vw}article blockquote p{position:relative;z-index:2;font-size:1.5em}article blockquote cite{position:relative;z-index:2;font-size:1.2em;color:#c60000}article ul li,header ul li{list-style:none;margin-bottom:.5em;position:relative}article ul li::before,header ul li::before{font-family:'doepud';content:"\e900";position:absolute;left:-25px}article ol li,header ol li{margin-bottom:1em}article ol li img,header ol li img{display:block;box-shadow:0px 0px 25px 5px rgba(0,0,0,0.2)}article+.articles a,#articles .articles a{display:block;color:#0055D4;text-decoration:none;padding:1em}article+.articles a:visited,#articles .articles a:visited{display:block;color:#303030;text-decoration:none;padding:1em}article+.articles a:visited small,#articles .articles a:visited small{color:#fff}article+.articles a:hover,article+.articles a:focus,#articles .articles a:hover,#articles .articles a:focus{outline:solid 3px #0055D4}article+.articles h2,#articles .articles h2{margin:0 0 2em;font-size:1.75em;color:#ededed}article+.articles h3,#articles .articles h3{margin:0 0 .5em;font-size:2em;font-weight:normal}article+.articles h2,article+.articles ul+p,#articles .articles h2,#articles .articles ul+p{text-align:center;margin-top:3em}article+.articles ul,#articles .articles ul{list-style:none;margin:0;padding:0 calc(5vw - 1em) 5vw}article+.articles ul:first-of-type(1),#articles .articles ul:first-of-type(1){padding:5vw}#articles .articles h2{color:#0055D4}#articles .articles ul:nth-of-type(1){margin:5vw 0 0;padding:0 calc(5vw - 1em)}#articles .articles a small,#articles .articles a:visited small{color:#c60000;font-size:1rem}#articles hr{border-top:5px dashed #8c8b8b;border-left:0;border-right:0;border-bottom:0}#articles hr:after{content:'\002702';display:inline-block;position:relative;top:-30px;left:4.5vw;padding:0 3px;background:#EDEDED;color:#f54141;font-size:40px}article+.articles{position:relative;background:#0055D4}article+.articles a{color:#fff}article+.articles a:visited{color:lightblue}article+.articles a:hover,article+.articles a:focus{outline:solid 3px yellow}article+.articles::after{content:"";right:0;left:0;z-index:120;display:block;height:51px;background-size:50px 100%;top:-50px;background-image:linear-gradient(315deg, #EDEDED 25%, transparent 25%),linear-gradient(45deg, #EDEDED 25%, transparent 25%);background-position:50%}article+.articles::before{content:"";right:0;left:0;z-index:10;display:block;height:50px;overflow:hidden;clear:both;background-size:50px 100%;top:100%;background-image:linear-gradient(135deg, #EDEDED 25%, transparent 25%),linear-gradient(225deg, #EDEDED 25%, transparent 25%);background-position:50%}.showmore a,.showmore a:visited{display:inline-block;width:auto;max-width:200px;margin:0 auto 10vw;text-align:center;background:#004bbb;color:#fff;padding:5px 10px;border-radius:5px}.showmore a:hover,.showmore a:focus{background:#002c6e;cursor:pointer;outline:solid 3px yellow}.div2{background:#8a0 url("/images/squiggle.svg") 20% 40% no-repeat;background-size:40%;color:#445400;padding:10% 10% 10% 24%;display:flex;flex-flow:column nowrap}.div2 h1{color:#fff;font-size:4.5em;font-weight:900;font-style:normal;max-width:15ch}.div2 p{text-transform:lowercase;font-weight:700;font-style:normal;font-size:2.3em;max-width:400px;align-self:flex-end}.div3{display:flex;background:#003a46 url("/images/texture.jpg") 0 0 repeat}.div3 div:nth-of-type(1){width:33.333%}.div3 div:nth-of-type(2){width:calc(66.666% - 30%);background:#004455;color:#e8ffca;padding:100px 15%}.div3 div:nth-of-type(2) h2{font-size:2.75em;margin:0;max-width:12ch;line-height:1.2}.div3 div:nth-of-type(2) p:first-of-type{font-size:1.5em;font-weight:700;color:#3db8d7}.div3 div:nth-of-type(2) strong{font-weight:normal;color:#3db8d7}.icon-heart{color:#f54141;font-size:.8em}.icon-equals{color:#004455;position:relative;display:inline-block;bottom:-5px;transform:rotate(90deg)}.div4{background:#f54141;position:relative}.div4 b{text-transform:uppercase}.div4 h2{margin:0;position:absolute;top:0;right:0;text-align:right;z-index:0;color:#ff5555}.div4 h2 img{max-width:96%}}@media screen and (min-width: 720px){.grid1{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 33.333%);grid-column-gap:0;grid-row-gap:0}.articles ul{display:flex;flex-flow:wrap;justify-content:space-between;grid-column-gap:2%}.articles li{width:calc(50% - 4%);margin-bottom:4em}}@media screen{.g1{grid-area:1 / 1 / 2 / 2;background:#ff5555;padding:30px}.g1 img{width:100%}.g2{grid-area:1 / 2 / 2 / 4;position:relative;z-index:3;color:#fff;font-size:2em;align-self:flex-end}.g2 p{margin:0 20% 1em 10%}.g3{grid-area:2 / 1 / 3 / 2;background:#0055d4;min-height:20vw}.g4{grid-area:2 / 2 / 3 / 4;position:relative;z-index:3;color:#fff;font-size:2em;align-self:flex-start}.g4 p{margin:1em 20% 0 10%}.g5{grid-area:3 / 1 / 4 / 2;background:#0055d4;margin:0;padding:0;align-self:stretch}.g6{grid-area:3 / 2 / 4 / 4;position:relative;z-index:3;color:#fff}.g6 p{margin:3em 20% 3em 10%}.div5{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0;background:#F54141}.g7{grid-area:1 / 1 / 3 / 2;background:#0055d4;height:100%;display:flex}.g7 div{color:#fff;padding:10%;align-self:flex-end}.g7 div h2{font-size:2.7em;line-height:1.1;font-weight:900}.g7 div strong{color:#35ffe4}.g8{grid-area:1 / 2 / 2 / 3;align-self:flex-end;background:#3db8d7;text-align:center;padding:5%}.g8 img{width:100%}.g9{grid-area:1 / 3 / 2 / 4;align-self:flex-end;background:#88aa00;text-align:center;padding:5%}.g9 img{width:100%}.g10{grid-area:2 / 2 / 3 / 4;position:relative;z-index:0;overflow:hidden;background:#EDEDED}.g10::before{position:absolute;z-index:0;top:0;left:50px;padding:0;margin:0;line-height:1;content:"\e977";font-size:500px;font-family:'doepud';color:#ddd;display:block}.div6{display:flex;background:#8a0 url("/images/runabc.svg") 50% 50% no-repeat;background-size:200%}.div6 div:nth-of-type(1){width:33.333%}.div6 div:nth-of-type(2){width:calc(66.666% - 20%);color:#282828;padding:10% 15% 5% 5%}.div6 div:nth-of-type(2) h2{font-size:2.5em;margin:0 0 .5em;max-width:15ch;line-height:1.2}.div6 div:nth-of-type(2) p:last-of-type a,.div6 div:nth-of-type(2) p:last-of-type a:visited{display:inline-block;margin-top:10px;background:#282828;color:#fff;text-decoration:none;padding:10px 15px;border-radius:5px}.div6 div:nth-of-type(2) p:last-of-type a:hover,.div6 div:nth-of-type(2) p:last-of-type a:focus{background:#fff;color:#282828}.div6 div:nth-of-type(2) p:last-of-type a:focus{outline:solid 5px #f54141}.div7{display:flex;background:#303030 url("/images/employability.svg") 50% 70% no-repeat;background-size:180%}.div7 div:nth-of-type(1){width:calc(66.666% - 20%);color:#fff;padding:10% 15% 5% 5%}.div7 div:nth-of-type(1) h2{font-size:2.5em;margin:0 0 .5em;line-height:1.2;color:#f54141}.div7 div:nth-of-type(1) p:last-of-type a,.div7 div:nth-of-type(1) p:last-of-type a:visited{display:inline-block;margin-top:10px;background:#dd2121;color:#fff;text-decoration:none;padding:10px 15px;border-radius:5px}.div7 div:nth-of-type(1) p:last-of-type a:hover,.div7 div:nth-of-type(1) p:last-of-type a:focus{background:#fff;color:#282828}.div7 div:nth-of-type(1) p:last-of-type a:focus{outline:solid 5px #f54141}.div7 div:nth-of-type(2){width:33.333%}.div8{display:flex;background:#4cd7fa}.div8 div:nth-of-type(1){position:relative;z-index:2;width:calc(66.666% - 20%);color:#282828;padding:10% 15% 5% 5%}.div8 div:nth-of-type(1) h2{font-size:2.5em;margin:0 0 .5em;line-height:1.2;color:#fff}.div8 div:nth-of-type(1) h2,.div8 div:nth-of-type(1) p{position:relative;z-index:5}.div8 div:nth-of-type(1)::after{top:0;right:0;position:absolute;z-index:1;content:"";display:block;width:50%;height:100%;background:#3db8d7}.div8 div:nth-of-type(2){background:#31a1bd;width:33.333%;position:relative}.div8 div:nth-of-type(2) img{top:10%;right:10%;position:absolute;z-index:5;width:120%}}@media screen and (min-width: 600px){.div9{display:flex}.div9 div{width:40%;padding:5%;min-height:500px}.div9 div:nth-of-type(1)::after{content:"";display:block;width:150px;height:150px;background:transparent url("/images/dotted-arrow.svg") 50% 50% no-repeat;background-size:cover;margin:2em auto}.div9 div:nth-of-type(2){margin-top:150px}}@media screen and (max-width: 600px){.div2 em{display:block}.div9 div:nth-of-type(1)::before{content:"";display:block;width:150px;height:150px;background:transparent url("/images/dotted-arrow.svg") 50% 50% no-repeat;background-size:cover;margin:0 auto}}@media screen{.div9{background:#ededed}.div9 h2{color:#0055D4;font-size:1.8em}.div9 img{filter:grayscale(100%)}.div9 div{width:auto;padding:10vw 5vw}.div9 a,.div9 a:visited{text-decoration:none;color:#000;background:#abeeff}.div9 a:hover,.div9 a:focus{background:#ffef6c}#home .div9 h2{color:#1388a5}.div10 img{width:100%;display:block}}@media screen and (max-width: 1200px) and (min-width: 800px){.g7 div p{font-size:1.1rem}}@media screen and (max-width: 1200px){.div2{background-size:40%;padding:10% 10% 10% 24%}.div2 h1{font-size:3.9em}.div2 p{font-size:2.3em}.g7 div h2{font-size:2.2em}}@media screen and (max-width: 1000px){.div2{background-position:15% 30%;padding:7% 7% 7% 16%}.div2 h1{font-size:3.7em}.div2 p{font-size:2.3em}.div3{font-size:1rem}.div3 div:nth-of-type(2){width:calc(66.666% - 20%);padding:10%}.g7 div h2{font-size:1.9em}}@media screen and (max-width: 860px){.div2{background-size:45%;padding:10% 5% 5% 10%}.div2 h1{font-size:3.2em}.div2 p{font-size:2em;margin-top:2em}}@media screen and (max-width: 800px){header small{font-size:1.4em}header h1{font-size:2em;max-width:800px}header h1+p{font-size:1.2em}.div2{background-size:48%;padding:10vw 5vw 5vw 10vw}.div2 h1{font-size:2.8em}.div2 p{font-size:1.8em}.div3{display:flex;background:#003a46 url("/images/texture.jpg") 0 0 repeat}.div3 div:nth-of-type(1){display:none}.div3 div:nth-of-type(2){width:auto;padding:20vw 5vw}.div3 div:nth-of-type(2) h2{margin:0 0 .5em}.div3 div:nth-of-type(2) p{max-width:70%}.div5{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, 1fr);grid-column-gap:0;grid-row-gap:0}.g7{grid-area:2 / 1 / 3 / 3}.g7 div{padding:10vw 5vw}.g8{grid-area:1 / 1 / 2 / 2}.g9{grid-area:1 / 2 / 2 / 3}.g10{grid-area:3 / 1 / 4 / 3}.g2{font-size:1.8em}.g2 p{margin:5vw}.div6 div:nth-of-type(1){display:none}.div6 div:nth-of-type(2){width:auto;padding:25vw 5vw}.div6 div:nth-of-type(2) h2{font-size:2em}.div7 div:nth-of-type(1){width:auto;padding:25vw 5vw}.div7 div:nth-of-type(1) h2{font-size:2em}.div7 div:nth-of-type(2){display:none}}@media screen and (max-width: 720px){.div4{padding-bottom:10vw}.div4 h2{z-index:1}.div4 h2 img{max-width:96%}.g1{position:relative;overflow:hidden;min-height:40vw}.g1 img{position:absolute;top:-250%;left:-220%;width:500%;z-index:0}.g2{padding:20vw 0}.g2 p{padding:5vw 5vw 0;margin:0}.g4 p{padding:0 5vw 5vw;margin:0}.g6 p{padding:10vw 5vw 0;margin:0}.g3,.g5{display:none}}@media screen and (max-width: 600px){.div1 p{font-size:1.3em}.div2{background-position:50% 25%;background-size:80%;padding:3vw 5vw;margin:auto}.div2 h1{padding-top:0;text-align:center;font-size:10vw;margin:1.5em}.div2 p{text-align:center;font-size:1.6em;margin:0 auto 5vw}.div6{background-size:300%}.div8 div:nth-of-type(1){width:auto;padding:25vw 5vw}.div8 div:nth-of-type(1) h2{font-size:2em}.div8 div:nth-of-type(2){display:none}}@media screen and (max-width: 480px){.div1 p{font-size:1.3em}}@media screen{pre{background:#fff;display:block;padding:2em 0;box-shadow:0px 0px 25px 5px rgba(0,0,0,0.1);overflow-x:auto}code{background:#fff;color:#000;word-break:break-all}dt{background:#ffef6c;display:inline-block;padding:5px 10px;margin-bottom:1em}dd{margin:0 5vw 1em}a[href^="tel:"]{color:#303030;text-decoration:none}header a[href^="tel:"]{color:white;text-decoration:none}.caption{width:200px;text-align:center}.caption img{box-shadow:0px 0px 25px 5px rgba(0,0,0,0.2)}.caption p{font-size:.9em}.caption.right{float:right;margin-left:1em}}