body{font-family:roboto;color:#1c1c1c;margin:0}.navbar{background-color:#fff;display:block;position:fixed;width:100vw;top:0;padding-top:1.5vh;padding-bottom:1.5vh;z-index:9999;margin:0}main{margin:2.083vw}.nav-item{float:right;margin-right:0;padding-right:2vw;color:#000;text-decoration:none;font-size:1.1rem;font-weight:700}.nav-item:hover{color:#0165e3}.logo{max-width:3vw;padding-left:2vw;padding-top:.2vw}.hero-container{display:flex;justify-content:space-between;align-items:center;padding-top:13vw;padding-bottom:3.5vw;padding-left:4vw;padding-right:6vw}h2{margin-top:.5vw;font-size:1.125rem;font-weight:500;margin-bottom:.5vw}h3{margin-top:2.5vw;font-size:1rem}.heading{font-size:2.6rem;font-family:lato;font-weight:700;padding-bottom:.7vw}.project-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:2.083vw;max-width:100%;margin-bottom:20px;margin-top:12vh}.card{position:relative}.text{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:opacity .1s ease-out;display:flex;color:#fff;align-items:center;justify-content:center;text-align:center;font-size:1.125rem;font-weight:400}.card:hover .text{opacity:1}.media{object-fit:cover;height:100%;width:100%}.card2{position:relative}.text2{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:opacity .1s ease-out;display:flex;color:#fff;align-items:center;justify-content:center;text-align:center;font-size:1.125rem;font-weight:400}.card2:hover .text2{opacity:1}.media2{object-fit:cover;height:100%;width:100%}.card3{position:relative}.text3{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:opacity .1s ease-out;display:flex;color:#fff;align-items:center;justify-content:center;text-align:center;font-size:1.125rem;font-weight:400}.card3:hover .text3{opacity:1}.media3{object-fit:cover;height:100%;width:100%}.card4{position:relative}.text4{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:opacity .1s ease-out;display:flex;color:#fff;align-items:center;justify-content:center;text-align:center;font-size:1.125rem;font-weight:400}.card4:hover .text4{opacity:1}.media4{object-fit:cover;height:100%;width:100%}.card5{position:relative}.text5{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:opacity .1s ease-out;display:flex;color:#fff;align-items:center;justify-content:center;text-align:center;font-size:1.125rem;font-weight:400}.card5:hover .text5{opacity:1}.media5{object-fit:cover;height:100%;width:100%}.card6{position:relative}.text6{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);transition:opacity .1s ease-out;display:flex;color:#fff;align-items:center;justify-content:center;text-align:center;font-size:1.125rem;font-weight:400}.card6:hover .text6{opacity:1}.media6{object-fit:cover;height:100%;width:100%}.card7{position:relative}.text7{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(25,0,255,.5);transition:opacity .1s ease-out;display:flex;color:#fdfdfd;align-items:center;justify-content:center;text-align:center;font-size:1.125rem;font-weight:400}.card7:hover .text7{opacity:1}.media7{object-fit:cover;height:100%;width:100%}.card8{position:relative}.text8{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(25,0,255,.5);transition:opacity .1s ease-out;display:flex;color:#fdfdfd;align-items:center;justify-content:center;text-align:center;font-size:1.125rem;font-weight:400}.card8:hover .text8{opacity:1}.media8{object-fit:cover;height:100%;width:100%}.mail-link{color:#00f;text-decoration:none;margin:0;font-size:1.125rem}.line-mail{color:#000}footer{padding-top:1vw}.footer-icons{display:flex;align-items:baseline;justify-content:center;margin-top:5vw}.flickr{padding-right:6.5px;padding-left:6px}.majasvisual-instagram:hover .majasvisual{opacity:.3}.majasvisual{max-width:4.4vh;max-height:4.4vh;padding-right:3px;align-self:baseline}svg{width:4vh;fill:#4c4c4c}svg:hover{opacity:.3}.contact{margin-top:1vw}h1{margin-bottom:0;margin-top:0}.majasvisual-link{text-decoration:none;color:#00f}.heading-container{padding-top:13vh;padding-left:1.8vw}.link-container{display:flex;justify-content:center;padding-left:4vw}.grid-container{display:grid;justify-items:center;grid-template-columns:5fr 5fr 5fr 5fr;grid-template-rows:repeat(5,1fr);grid-gap:1.389vw;padding-top:10vh}.gallery__img{object-fit:cover;width:100%;height:100%}.gallery__item--5{grid-column:span 2}.gallery__item--6{grid-column:span 2}.gallery__item--11{grid-column:span 2}.gallery__item--12{grid-column:span 2}.link-flickr{color:#45b8f7;text-decoration:none}.contact{text-decoration:none;color:#1c1c1c}.about-container{display:grid;justify-items:left;grid-template-columns:1fr 1fr;grid-gap:3vw;padding-top:16vh;padding-right:10vw}.h1-about{margin-bottom:2vh}.hero-img-about{object-fit:cover;max-width:72%;justify-self:end}.text-about-me{justify-self:start}p{font-family:Roboto,sans-serif;margin:0;margin-bottom:4vh;font-size:1rem;line-height:1.4rem;max-width:63ch}.hero-media{height:50vh;width:100%;max-width:100%;object-fit:cover}.top-text{margin-bottom:6vh}.text_block_1{margin-bottom:6vh}.text_block_2{margin-bottom:10vh}.text-project{margin-top:1em}.mellan-rubrik{font-weight:800;margin-top:.5vw;font-size:1.125rem;margin-bottom:.5vw}.summary{font-weight:600;margin-top:.5vw;font-size:1.25rem;margin-bottom:.5vw}.grid-before-after{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:32vw;grid-gap:2.083vw;padding-top:8vh;max-width:100%;padding-bottom:4vh}.grid-visual{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:32vw minmax(125px,auto);grid-gap:2.083vw;padding-top:8vh;max-width:100%;padding-bottom:4vh}.grid-img{object-fit:cover;width:100%;height:100%}.scope-mobile{display:none}.photo-mobile{display:none}.grid-visual-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:32vw minmax(125px,auto);grid-gap:2.083vw;padding-top:8vh;max-width:100%;padding-bottom:8vh}.after{padding-top:5vw}.next-project:hover{color:#0165e3}.gif-scope{display:flex;flex-direction:column;width:100%;justify-content:center;background-color:#fbfbfb;padding-top:4vh}.gif{max-width:20%;align-self:center}.result-scope-desktop{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:1.8vw;flex-direction:column}.result-scope-mobile{display:none}.text_block_3{font-style:italic}.flex{display:flex;flex-wrap:wrap;justify-content:center}.The-results{padding-top:7vh}.results{grid-column:span 2}a{font-weight:800;color:#1c1c1c}.grid_project_b_1{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:32vw;grid-gap:2.083vw;padding-top:8vh;width:100%;max-width:100%;max-height:100%;height:100%;padding-bottom:8vh}.img-1{grid-column:span 2}.img-2{grid-column:span 2}.frame_1{grid-column:span 2}.wireframe-1{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:6vw;padding-top:6vw}.wireframe-images{max-width:95vw;align-self:center;display:block}.next-flex{display:flex;width:100%;justify-content:space-between}.next-project{padding-right:2vw;margin-top:5vh;font-weight:800;font-size:1.1rem;font-weight:400;text-decoration:none;color:#1c1c1c}.result-mobile{display:none}.hero-media-val{height:50vh;width:100%;max-width:100%;object-fit:cover;margin-bottom:2vh}.grid-val{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:32vw minmax(125px,auto);grid-gap:30px;padding-top:8vh;max-width:100%;padding-bottom:14vh}.img-val-first{object-fit:cover;width:100%;height:100%}.result-of-poster{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:1.8vw;flex-direction:column}.result-images{max-width:100%;flex-direction:column}.result-mobile{display:none}.nextproject{grid-column:span 3;justify-self:end;padding-right:2vw;margin-top:5vh;font-weight:800;font-size:1.25rem;font-weight:400;text-decoration:none;color:#1c1c1c}.text-bottom{display:flex;width:100%}.posters{padding-right:1vw}.text_block_2{padding-top:1vh}.hero-media-startskottet{height:50vh;width:100%;max-width:100%;object-fit:cover;margin-bottom:2vh}.grid-research{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:32vw minmax(125px,auto);grid-gap:30px;padding-top:8vh;max-width:100%;padding-bottom:4vh}.img-grid{object-fit:cover;width:100%;height:100%}.grid-results{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:32vw minmax(125px,auto);grid-gap:30px;padding-top:8vh;max-width:100%;padding-bottom:22vh}.gbg_stad{color:#00f;text-decoration:none}.back-button{background-color:#0165e3;border:none;color:#fff;padding:2vh 3vw;text-align:center;text-decoration:none;display:inline-block;font-size:.9rem}.result-mobile{display:none}.the-results{padding-top:2vw}.hero-media-NHC{height:50vh;width:100%;max-width:100%;object-fit:cover;object-position:50% 50%}.grid-NHC-profile{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:32vw;grid-gap:2.083vw;padding-top:4vh;max-width:100%;padding-bottom:4vh}.NHC-mobile-mobile{display:none}.grid-result{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:32vw minmax(125px,auto);grid-gap:2.083vw;padding-top:8vh;max-width:100%;padding-bottom:4vh}.NHC-mobile{display:none}.result_NHC{padding-top:5vw;padding-bottom:5vw}.result-NHC-desktop{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:1.8vw;flex-direction:column}.result-NHC-mobile{display:none}.NHC-mobile{display:none}.previous-project{grid-column:span 3;justify-self:start;padding-right:2vw;margin-top:5vh;font-weight:800;font-size:1.1rem;font-weight:400;text-decoration:none}.previous-flex{display:flex;width:100%;justify-content:space-between}.previous-project:hover{color:#0165e3}.soon-coming-project{grid-column:span 3;justify-self:start;padding-right:2vw;margin-top:5vh;font-weight:800;font-size:1.1rem;font-weight:400;text-decoration:none;color:gray}.result-NHC-desktop{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}.result-NHC-mobile{display:none}.NHC-mobile-2{display:none}.hero-media-HH{height:50vh;width:100%;max-width:100%;object-fit:cover;object-position:50% 50%}.NHC-mobile-mobile{display:none}.grid-result-HH{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:32vw minmax(125px,auto);grid-gap:2.083vw;padding-top:8vh;max-width:100%;padding-bottom:4vh}.HH-mobile{display:none}.result_HH{padding-top:5vw;padding-bottom:5vw}.result-HH-desktop{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:1.8vw;flex-direction:column}.result-HH-mobile{display:none}.HH-mobile{display:none}.previous-project{grid-column:span 3;justify-self:start;padding-right:2vw;margin-top:5vh;font-weight:800;font-size:1.1rem;font-weight:400;text-decoration:none}.previous-flex{display:flex;width:100%;justify-content:space-between}.previous-project:hover{color:#0165e3}.soon-coming-project{grid-column:span 3;justify-self:start;padding-right:2vw;margin-top:5vh;font-weight:800;font-size:1.1rem;font-weight:400;text-decoration:none;color:gray}.result-NHC-desktop{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column}.result-NHC-mobile{display:none}.NHC-mobile-2{display:none}@media (max-width:800px){main{margin:3vw}.logo{max-width:5.2vw}.navbar{padding-top:2vw;z-index:9999}.nav-item{padding-left:.1vw;padding-right:3vw;font-size:1rem}.heading{font-size:1.6rem}h2{font-size:1.1rem}.hero-container{padding-top:20vw}.project-container{grid-template-columns:1fr;margin-top:7.552vw}.grid-container{grid-template-columns:1fr 1fr;margin-top:7.552vw}.mail-link{font-size:1rem}footer{padding-top:8vw}h1{font-size:1.4rem;font-weight:800}.hero-media{margin-bottom:0;height:30vh}p{margin-top:1vw;font-size:1rem}.gif-scope{padding-top:1.75vh}.gif{max-width:35%}.grid_project_b_1{grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr;padding-bottom:3vw}.img-3{display:none}.grid-before-after{grid-template-rows:auto;grid-template-columns:1fr}.grid-val{grid-template-rows:auto;grid-template-columns:1fr}.scope{display:none}.scope-mobile{display:block;padding-top:10vw}.grid-visual{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:1.8vw;padding-top:0}.summary{padding-bottom:10vw}.grid-val{padding-bottom:7vw}.illustrations{display:none}.photo{display:none}.photo-mobile{display:block;padding-top:5vw}.mockup{padding-top:5vw}.about-container{grid-template-columns:1fr;padding-top:5vh;padding-right:0}.hero-img-about{height:50vh;width:100%;max-width:100%;object-fit:cover;padding-bottom:2vw}.text-about-me{padding-bottom:10vw}.heading-container{padding-top:8vh}.grid-NHC-profile{grid-template-rows:auto;grid-template-columns:1fr}.grid-result{grid-template-rows:auto;grid-template-columns:1fr}.graphic-profile{display:none}.NHC-mobile-2{display:block;padding-top:5vw}.NHC-mobile{display:block;padding-top:5vw}.logotype_02{display:none}.grid-result-HH{grid-template-rows:auto;grid-template-columns:1fr}.grid-result{grid-template-rows:auto;grid-template-columns:1fr}.branding-HH{display:none}.HH-mobile-2{display:block;padding-top:5vw}.HH-mobile{display:block;padding-top:5vw}.logotype_02{display:none}@media (max-width:450px){.navbar{padding-bottom:2vw}h1{font-size:1.25rem}.logo{max-width:8.3vw}.mellan-rubrik{margin-top:4vw;font-size:1.063rem;margin-bottom:1vw}.grid-container{padding-top:1vw}p{margin:0}.result-scope-desktop{display:none}.result-NHC-desktop{display:none}.result-scope-mobile{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:1.8vw;flex-direction:column}.result-NHC-mobile{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:1.8vw;flex-direction:column}.grid-val{padding-bottom:8vw}.result-images{justify-self:top;display:flex;padding-top:4vh}.img-val-first{padding-top:4vh}.hide{display:none}.result-desktop{display:none!important;background:0 0!important}.result-mobile{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:1.8vw;flex-direction:column}.grid_project_b_1{grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr;padding-bottom:3vw}.img-3{display:none}.grid-before-after{grid-template-rows:auto;grid-template-columns:1fr}.grid-val{grid-template-rows:auto;grid-template-columns:1fr}.scope{display:none}.scope-mobile{display:block;padding-top:10vw}.grid-visual{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:1.8vw;padding-top:0;flex-direction:column}.summary{padding-bottom:10vw;font-size:1.063rem;padding-top:8vw}.grid-val{padding-bottom:7vw}.illustrations{display:none}.photo{display:none}.photo-mobile{display:block;padding-top:5vw}.mockup{padding-top:5vw}.about-container{grid-template-columns:1fr;padding-top:5vh;padding-right:0}.hero-img-about{height:50vh;width:100%;max-width:100%;object-fit:cover;padding-bottom:2vw}.text-about-me{padding-bottom:10vw}.heading-container{padding-top:8vh}.startskottet{padding-right:2.3vw;padding-left:2.3vw}p{padding-top:1vw}.result-HH-mobile{display:block;padding-top:5vw}.result-HH-desktop{display:none}}}