#nav-icon span{background:#fff}#nav-icon.active span{background:#222}.intro-section{height:50%;height:50vh;text-align:center;background:#222;background-color:#000}.intro-section h1{margin:.5em auto}.intro-section .case-study-logo{max-width:200px;margin:2em auto}.intro-section .case-study-logo.ginkgogarden{margin:0 auto 2em}.intro-section.ginkgogarden{background-color:#d7b46a}.intro-section.ginkgogarden .intro-layer{background-color:rgba(0,0,0,.1)}.intro-section.one-drop{background:url(../img/case-study/one_drop_case_study_cover.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.intro-section.diploma-project{background:url(../img/case-study/accessible_webshop_case_study.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.intro-layer{background-color:rgba(0,0,0,.7);position:absolute;top:0;left:0;width:100%;height:50%;height:50vh}.one-drop .intro-layer{background-color:rgba(0,0,0,.2)}#intro.case-study .content{width:100%;margin:60px auto 0;margin:0 auto;padding-left:5px;padding-right:5px;text-shadow:0 1px 1px rgba(0,0,0,.5)}#intro.case-study .content{margin-top:80px}#intro.diploma-project .content h1{margin:40px auto .5em}#intro.case-study p{font-size:16px;font-size:1.6rem}.intro-section .call-to-container{position:inherit;margin-top:20px}#intro.case-study .button{display:block;margin:0 auto;background-color:rgba(0,0,0,.1)}#intro.case-study .button:focus,#intro.case-study .button:hover{background:#fff;border-color:#fff;color:#222;text-shadow:none}.case-study .content{max-width:800px}.content img{display:block;margin:auto}article .case-study p{line-height:1.5em;font-style:normal}@media only screen and (min-width:480px){#intro.diploma-project .content h1{margin-top:60px}}@media only screen and (min-width:480px) and (orientation:landscape){.intro-section{height:65%;height:65vh}.intro-layer{height:65%;height:65vh}#intro.case-study .content{margin-top:40px}#intro.case-study .content{margin-top:1.5em}}@media only screen and (min-width:640px){.intro-section .case-study-logo{max-width:280px}.intro-section .case-study-logo.ginkgogarden{max-width:250px}.intro-section{height:60%;height:60vh;min-height:250px}.intro-layer{height:60%;height:60vh;min-height:250px}}@media only screen and (min-width:768px){.intro-section .case-study-logo{max-width:360px}.intro-section .case-study-logo.ginkgogarden{max-width:300px}.intro-section{height:50%;height:50vh;min-height:320px}.intro-layer{height:50%;height:50vh;min-height:320px}#intro.case-study .content{margin-top:120px}#intro.case-study .content{margin-top:5em}.case-study p{line-height:1.8em}#intro.case-study p{font-size:20px;font-size:2rem;line-height:1em}}@media only screen and (min-width:768px) and (orientation:landscape){.intro-section{height:60%;height:60vh}.intro-layer{height:60%;height:60vh}}