html,body{margin:0;padding:0;background:#8099d0;font-family:Arial,sans-serif;font-size:12px;color:#fdf8e3}section .content{text-align:center}h2,h3,#services h4{font-family:"Quicksand",Arial,sans-serif;font-size:6.25em;margin:0;text-transform:uppercase}h3,#services h4{font-size:2.6em}hr{border:none;height:1px;background:white;width:60%}.section__title{width:100%;text-align:center;margin:0.75em auto;position:relative}section p{margin:0 0 1em 0;padding:0;width:100%;font-family:Arial,sans-serif;font-size:1.5em;color:#accent_light}.dark{color:#2c353d}.button--up{width:100%;text-align:center;margin:0;padding:0}.button--up a{border:none;text-decoration:none;font-family:"Quicksand",Arial,sans-serif;font-size:10em;width:100%;display:block;color:#2c353d;background-color:#fdf8e3;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.button--up a:hover{color:#fdf8e3;background-color:#2c353d}#head{padding:0;background:url(1px_4fd58b.png) repeat #4fd58b;position:relative}#head__edge{width:100%;height:112px;position:absolute;bottom:-112px}.head__content{width:100%;text-align:center;padding:14% 0}@media all and (max-width: 500px){#head__edge{display:none}.head__content h2,.head__content h3,.head__content #services h4,#services .head__content h4{font-size:3em}.head__content h3,.head__content #services h4,#services .head__content h4{font-size:1.5em}.head__content{height:24em}#first-splash{display:none}}.navigation{margin:1.5em auto;font-size:1.8em;text-transform:uppercase}.navigation a:nth-child(2){display:inline-block;margin:0 2.2em}.navigation a{border:none;text-decoration:none;color:#fdf8e3;padding:0.25em 0;border-bottom:1px solid transparent;border-top:1px solid transparent}@media all and (max-width: 500px){.navigation a,.navigation a:nth-child(2){font-size:2em;display:block;border:none;margin:0}.navigation a:hover{border:none}}.navigation a:hover{color:#2c353d;border-bottom-color:#2c353d}#portfolio .navigation a:nth-child(1),#services .navigation a:nth-child(2),#contact .navigation a:nth-child(3){border-color:#fdf8e3}#portfolio .navigation a:nth-child(1):hover,#services .navigation a:nth-child(2):hover,#contact .navigation a:nth-child(3):hover{border-color:#2c353d}#contact .navigation{margin:5em 0}@media all and (max-width: 500px){#services .navigation a:nth-child(2),#contact .navigation a:nth-child(3){background:rgba(0,0,0,0.2);padding:0 0.5em}#contact .navigation{display:none}}.splash--clouds{width:100%;text-align:center;min-height:90%;background:url("splash_clouds.jpg") no-repeat center bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;background-attachment:fixed}.splash--raindrops{width:100%;text-align:center;min-height:90%;background:url("splash_raindrops.jpg") no-repeat center bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;background-attachment:fixed}.splash--bluesky{width:100%;text-align:center;min-height:90%;background:url("splash_bluesky.jpg") no-repeat center bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;background-attachment:fixed}.splash--rainfall{width:100%;text-align:center;min-height:90%;background:url("splash_rainfall.jpg") no-repeat center bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;background-attachment:fixed}@media all and (max-width: 500px){.splash--bluesky{background:none}}#portfolio{width:100%;text-align:center;background:#fdf8e3;position:relative}#portfolio:after{content:'';display:block;clear:both}#portfolio__navigation{position:absolute;top:-8em;left:0;right:0;margin:0 auto}#portfolio__title{display:none;width:100%;padding:1em 0;font-family:"Lora",serif;font-size:2.1em;color:#2c353d;background:#fdf8e3;text-align:center}@media all and (max-width: 500px){#portfolio__navigation{top:0}#portfolio__title{display:block}}.project__link{float:left;display:inline-block;width:25%;margin:0;cursor:pointer}@media all and (max-width: 1100px){.project__link{width:33.33%}}@media all and (max-width: 800px){.project__link{width:50%}}.project__link img{width:100%;margin:0;opacity:0.3;-webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out}.project__link img:hover{opacity:0.8}.project__infobox{position:absolute;top:0;left:0;z-index:9999;height:100%;width:100%;margin:0;background:rgba(0,0,0,0.8);font-family:Arial,sans-serif;font-size:1.5em;display:none;padding:0}.close{font-family:Arial,sans-serif;font-size:1.2em;float:none;border:3px solid #fdf8e3;padding:0.1em 0.4em;width:auto;position:absolute;top:0.4em;right:0.4em;cursor:pointer;background-color:none;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.close:hover{background-color:#4fd58b}.project__info__wrapper{position:relative;width:80%;height:90%;margin:2% auto;border:3px solid #fdf8e3;background:rgba(0,0,0,0.2);overflow:auto}.project__info__wrapper_divider--space{height:100%;display:inline-block;width:1%;vertical-align:middle}.project__info__wrapper__divider--image,.project__info__wrapper__divider--info{display:inline-block;width:44%;vertical-align:middle;padding:1%}.project__info__wrapper__divider--image{text-align:left}.project__info__wrapper__divider--info{text-align:right}.project__title{font-family:Arial,sans-serif;font-size:2.1em;margin-bottom:0.5em}.project__info__wrapper>div p{font-family:"Lora",serif;font-size:1em}.project__info__wrapper>div p a{border:none;text-decoration:none;padding-bottom:0.1em;border-bottom:1px solid #4fd58b;color:#4fd58b}.project__info__wrapper>div p a:hover{color:#a1e9c1;border-color:#78dfa6}.project__info__wrapper>div img{max-width:100%}@media all and (max-width: 1100px){.project__info__wrapper{height:auto;max-height:70%;overflow:auto;width:75%;padding:3em 2%;margin-top:3em;text-align:left}.project__info__wrapper__divider--image{display:none}.project__info__wrapper_divider--space{display:none}.project__info__wrapper__divider--info{display:block;width:90%;margin:0 auto;padding:2%;text-align:left}.project__info__wrapper>div p{text-align:left;font-size:1.2em}}@media all and (max-width: 500px){.close{font-size:1.6em;padding:0.4em 0.6em;position:relative;top:-0.6em;right:-0.6em}}#services{min-height:100%;background:#ebaca1;position:relative;padding-top:1em;padding-bottom:1em}#services div:nth-child(n+2){display:inline-block;width:22%;vertical-align:top;padding:3em 3%}@media all and (max-width: 1100px){#services div:nth-child(n+2){width:40%;vertical-align:top;padding:3em 3%;font-size:1.2em}}@media all and (max-width: 500px){#services div:nth-child(n+2){display:block;width:80%;padding:5%;margin:0 auto;font-size:1.1em}#services{padding-bottom:5em}}#services p{width:100%;margin:1em auto;font-family:"Lora",serif;font-size:1.5em;text-align:justify;line-height:170%}#services p acronym{border-bottom:1px dotted #fdf8e3}#services p a{border:none;text-decoration:none;color:#fdf8e3;border-bottom:1px solid #fdf8e3}#services p a:hover{color:#2c353d;border-color:#2c353d}#services h4{text-transform:none}#contact__call-to-action div{padding:0.5em;margin-bottom:1.2em;font-family:"Lora",serif;font-size:2em}#contact__call-to-action a{padding:0.5em;font-family:"Lora",serif;font-size:2em;text-decoration:none;color:#fdf8e3;border:2px solid #fdf8e3;background-color:rgba(255,255,255,0);-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}#contact__call-to-action a:hover{background-color:#4fd58b}#contact{min-height:100%;padding-top:1em;padding-bottom:1em}#contact .navigation a{font-family:Arial,sans-serif}#contact p{font-size:3em}@media all and (max-width: 500px){#contact{min-height:0;padding:5em 0}#contact p{font-size:2em;background:rgba(0,0,0,0.5);padding:1em 0}}#contact .content a{border:none;text-decoration:none;font-family:"Lora",serif;color:#fdf8e3;padding:0.5em;border-bottom:1px solid transparent}#contact .content a:hover{border-bottom:1px solid #fdf8e3}