/*!
Theme Name: arvidbrane.se
Author: Arvid Bräne
Description: The theme for arvidbrane.se
Version: 0.0.2
Tags: portfolio
 */@font-face{font-family:'Decima';src:url('fonts/decimamonopro-webfont.woff2') format('woff2'),url('fonts/decimamonopro-webfont.ttf') format('truetype'),url('fonts/decimamonopro-webfont.woff') format('woff');font-weight:normal;font-style:normal}/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-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}.crimson-font{font-family:'Crimson Text',serif;font-weight:400;-webkit-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}.playfair-font{font-weight:400;font-family:'Playfair Display',serif;-webkit-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}.decima-font{font-family:'Decima',monospace;text-transform:uppercase;text-decoration:none}html,body{height:100%;margin:0}body{background-color:#fff;font-weight:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.no-selection::selection{background:none}.general-frame-container{background-color:#fff;position:fixed;bottom:0;top:0;left:0;right:0;z-index:2000}.frame-top{bottom:auto;height:15px;background-color:#fff;position:fixed;bottom:0;top:0;left:0;right:0;z-index:2000}.frame-right{left:auto !important;width:15px;background-color:#fff;position:fixed;bottom:0;top:0;left:0;right:0;z-index:2000;height:130vh}.frame-bottom{top:auto !important;height:15px;background-color:#fff;position:fixed;bottom:0;top:0;left:0;right:0;z-index:2000}.frame-left{right:auto;width:15px;background-color:#fff;position:fixed;bottom:0;top:0;left:0;right:0;z-index:2000;height:130vh}p,h1,h2,h3,h4,h5,h6,pre,blockquote{-webkit-margin-before:0;-ms-margin-before:0;-moz-margin-before:0;margin-before:0;-webkit-margin-after:0;-ms-margin-after:0;-moz-margin-after:0;margin-after:0;-webkit-margin-start:0;-ms-margin-start:0;-moz-margin-start:0;margin-start:0;-webkit-margin-end:0;-ms-margin-end:0;-moz-margin-end:0;margin-end:0}h1{font-size:41px;font-weight:400;font-family:'Playfair Display',serif;-webkit-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;color:#fff;line-height:60px}h1::selection,h1 a::selection,h1 a span::selection,h1 em::selection{background-color:#fff;color:#292929}h2{font-size:20px;color:#898989;font-family:'Crimson Text',serif;font-weight:400;-webkit-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;line-height:32px}h2::selection,h2 a::selection,h2 a span::selection,h2 em::selection{background:#fff;color:#898989}h3{font-size:41px;font-weight:400;font-family:'Playfair Display',serif;-webkit-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;color:#fff;line-height:60px}h3::selection,h3 a::selection,h3 a span::selection,h3 em::selection{background-color:#fff;color:#292929}h4{font-size:20px;color:#a3a3a3;font-family:'Crimson Text',serif;font-weight:400;-webkit-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;line-height:28px}h4::selection,h4 a::selection,h4 a span::selection,h4 em::selection{background:#fff;color:#898989}p{font-size:20px;color:#898989;font-family:'Crimson Text',serif;font-weight:400;-webkit-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;line-height:28px}a,a:active,a:focus{outline:none}a{color:#fff;text-decoration:none;position:relative;pointer-events:all;display:inline-block}a span{position:relative}a.underline span:after{content:"";position:absolute;padding-top:4px;bottom:-1px;left:0;height:1px;width:100%;-webkit-box-shadow:inset 0 -1px 0 0 #fff;-moz-box-shadow:inset 0 -1px 0 0 #fff;-o-box-shadow:inset 0 -1px 0 0 #fff;box-shadow:inset 0 -1px 0 0 #fff;-o-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}a.underline:hover span:after{width:105%;margin-left:-2.5%}a.underline2 span:before{content:"";position:absolute;padding-top:4px;bottom:-2px;left:0;height:1px;width:0;-webkit-box-shadow:inset 0 -1px 0 0 #fff;-moz-box-shadow:inset 0 -1px 0 0 #fff;-o-box-shadow:inset 0 -1px 0 0 #fff;box-shadow:inset 0 -1px 0 0 #fff;z-index:2;-o-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}a.underline2 span:after{content:"";position:absolute;padding-top:4px;bottom:-2px;left:0;height:1px;width:100%;-webkit-box-shadow:inset 0 -1px 0 0 #898989;-moz-box-shadow:inset 0 -1px 0 0 #898989;-o-box-shadow:inset 0 -1px 0 0 #898989;box-shadow:inset 0 -1px 0 0 #898989}a.underline2.thickness2 span:before{-webkit-box-shadow:inset 0 -2px 0 0 #fff;-moz-box-shadow:inset 0 -2px 0 0 #fff;-o-box-shadow:inset 0 -2px 0 0 #fff;box-shadow:inset 0 -2px 0 0 #fff}a.underline2.thickness2 span:after{-webkit-box-shadow:inset 0 -2px 0 0 #898989;-moz-box-shadow:inset 0 -2px 0 0 #898989;-o-box-shadow:inset 0 -2px 0 0 #898989;box-shadow:inset 0 -2px 0 0 #898989}a.underline2:hover span:before{width:100%}a.underline3 span:after{content:"";position:absolute;padding-top:15px;padding-bottom:3px;bottom:-10px;left:0;height:1px;width:100%;opacity:0;-webkit-box-shadow:inset 0 -1px 0 0 #fff;-moz-box-shadow:inset 0 -1px 0 0 #fff;-o-box-shadow:inset 0 -1px 0 0 #fff;box-shadow:inset 0 -1px 0 0 #fff;-o-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}a.underline3 span:after:hover{bottom:-5px;opacity:100}a.underline3.thickness2 span:after{box-shadow-v-offset:-23px}a.underline3:hover span:after{bottom:-5px;opacity:100}a.strikethrough{color:#898989}a.strikethrough span span:after{content:"";position:absolute;padding-top:4px;bottom:35%;right:0;height:1px;width:100%;-webkit-box-shadow:inset 0 -1px 0 0 #fff;-moz-box-shadow:inset 0 -1px 0 0 #fff;-o-box-shadow:inset 0 -1px 0 0 #fff;box-shadow:inset 0 -1px 0 0 #fff;-o-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-webkit-transition:all .15s ease-in;transition:all .15s ease-in}a.strikethrough.thickness2 span span:after{-webkit-box-shadow:inset 0 -2px 0 0 #fff;-moz-box-shadow:inset 0 -2px 0 0 #fff;-o-box-shadow:inset 0 -2px 0 0 #fff;box-shadow:inset 0 -2px 0 0 #fff}a.strikethrough:hover{color:#fff}a.strikethrough:hover span span:after{bottom:-2px}.small-decima{color:#898989;font-size:12px;font-family:'Decima',monospace;text-transform:uppercase;text-decoration:none}.white{color:#fff}.link-list ul{list-style:none;margin:0;padding:0;text-align:right;pointer-events:all;margin-right:-5px}.link-list ul li{padding:0;margin:0;text-align:right;position:relative;display:inline;margin:0 10px}.link-list ul li a{color:#898989;font-size:12px;font-family:'Decima',monospace;text-transform:uppercase;text-decoration:none;pointer-events:all;padding:0 5px 10px 5px;-o-transition:color .08s ease-in;-moz-transition:color .08s ease-in;-webkit-transition:color .08s ease-in;transition:color .08s ease-in;color:#aaa}.link-list ul li a:hover{color:#fff}.link-list ul li a.twitter-link:hover{color:#46d0fe}.link-list ul li a.dribbble-link:hover{color:#e34e83}.link-list ul li a.instagram-link:hover{color:#3f729b}.link-list ul li a.fivehundredpx-link:hover{color:#0099e5}.link-list ul li a.linkedin-link:hover{color:#0e76a8}.link-list ul li a::selection{background:none}.full-box-container{min-height:100%;width:100%;overflow:hidden}.main-wrapper{max-width:80%;margin:auto}.main-wrapper.vertically-aligned{height:100vh}.secondary-wrapper{position:relative;margin:0 48px;width:auto}.icon-scroll,.icon-scroll:before{position:absolute;left:50%}.icon-scroll{width:32px;height:56px;bottom:15vh;box-shadow:inset 0 0 0 1.5px #fff;border-radius:25px}.icon-scroll:before{left:50%;content:'';width:7px;height:7px;background:#fff;margin-left:-3.5px;top:8px;border-radius:4px;animation-duration:1.6s;animation-iteration-count:infinite;animation-name:scroll}@-moz-keyframes scroll{0%{opacity:1}100%{opacity:0;transform:translateY(33px)}}@-webkit-keyframes scroll{0%{opacity:1}100%{opacity:0;transform:translateY(33px)}}@-o-keyframes scroll{0%{opacity:1}100%{opacity:0;transform:translateY(33px)}}@keyframes scroll{0%{opacity:1}100%{opacity:0;transform:translateY(33px)}}header{width:100%;position:fixed;z-index:1000;top:45px}header #logo{width:20%;float:left}header #logo a{pointer-events:all}header #logo a img{height:38px;margin-left:-3px}header #logo a img::selection{background:none}header #logo a img:hover{height:40px;margin:-1px auto auto -5px}header #logo a img.dark-logo{display:none}header nav{width:auto;position:absolute;z-index:2;display:block;right:0;-o-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;padding-top:15px;padding-bottom:15px;padding-right:15px;margin-top:-15px;margin-right:-15px}header nav ul{list-style:none;margin:0;padding:0;text-align:right;pointer-events:all;margin-right:-5px}header nav ul li{padding:0;margin:0;text-align:right;position:relative;display:inline;margin:0 10px}header nav ul li a{color:#898989;font-size:12px;font-family:'Decima',monospace;text-transform:uppercase;text-decoration:none;pointer-events:all;padding:0 5px 10px 5px;-o-transition:color .08s ease-in;-moz-transition:color .08s ease-in;-webkit-transition:color .08s ease-in;transition:color .08s ease-in;color:#aaa}header nav ul li a:hover{color:#fff}header nav ul li a.twitter-link:hover{color:#46d0fe}header nav ul li a.dribbble-link:hover{color:#e34e83}header nav ul li a.instagram-link:hover{color:#3f729b}header nav ul li a.fivehundredpx-link:hover{color:#0099e5}header nav ul li a.linkedin-link:hover{color:#0e76a8}header nav ul li a::selection{background:none}header nav::selection{background:none}header nav.collapsed{opacity:0;margin-right:-30px}header nav::selection,header nav a::selection,header nav a span::selection,header nav em::selection{background:none}header #menu-icon,header #mobile-menu-icon{opacity:0;width:25px;height:16px;margin-top:-2px;z-index:1;position:absolute;right:-15px;padding:5px;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}header #menu-icon div.line,header #mobile-menu-icon div.line{height:2px;width:100%;margin-bottom:5px;background-color:#fff}header #menu-icon.open,header #mobile-menu-icon.open{opacity:1;right:-5px}#menu-area{width:auto;overflow:hidden}#mobile-menu{display:none}#header-spacer{display:none}#mobile-menu-icon{display:none}#hero{background-color:#292929}#hero.glasses{background-color:#000;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}#animation-loader{background-color:#fff;height:100vh;width:100vw;z-index:3000;top:0;position:absolute}#animation-loader.fuck-off{display:none}.hero-container{max-width:850px;width:100%;margin-left:5%;position:relative;top:48%;transform:translateY(-50%);z-index:3}.hero-container h2{margin-top:28px;max-width:700px}#hero-bg{height:100%;width:70vw;position:fixed;right:0;top:0;background-size:cover;background-position:left;z-index:0}#hero-bg-glasses{height:100%;width:70vw;position:fixed;right:0;top:0;background-size:cover;background-position:left;z-index:0;margin-top:-800px;z-index:1;opacity:0}#hero-bg-joint{height:100%;width:70vw;position:fixed;right:0;top:0;background-size:cover;background-position:left;z-index:0;margin-top:-800px;z-index:1;opacity:0;margin-top:0;left:-2000px}#projects{background-color:#333;position:relative;z-index:3}.project-container{max-width:850px;width:100%;margin-left:5%;position:relative;top:48%;transform:translateY(-50%);z-index:3;transform:none;top:0;margin-top:12vh;margin-bottom:12vh;max-width:90%}.project-container h2{margin-top:28px;max-width:700px}.project-container h4{margin-top:10px;margin-bottom:20px;max-width:70%}.project-container div{column-count:2;column-gap:40px}.project-container div p{display:inline-block;font-size:18px;line-height:130%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:11px 14px;margin-left:-14px;margin-right:-14px;-o-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.project-container div p:hover{background-color:rgba(255,255,255,0.04)}.project-container div a span:after{content:"";position:absolute;padding-top:4px;bottom:-1px;left:0;height:1px;width:100%;-webkit-box-shadow:inset 0 -1px 0 0 #fff;-moz-box-shadow:inset 0 -1px 0 0 #fff;-o-box-shadow:inset 0 -1px 0 0 #fff;box-shadow:inset 0 -1px 0 0 #fff;-o-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.project-container div a:hover span:after{width:105%;margin-left:-2.5%}#project-image-container{height:100%;width:70vw;position:absolute;right:0;top:0;background-size:cover;background-position:left;z-index:0;transition:background-image 1s ease-in-out}#project-image-container img{opacity:0;position:absolute}#project-image-container img.show{right:0;opacity:1}#photos{background-color:#292929;position:relative;z-index:3}#work{background-color:#333;position:relative;z-index:3}#about{background-color:#292929;position:relative;z-index:3}#four_o_four{margin:0 auto;top:50%;transform:translateY(-50%);height:300px;width:400px;position:relative;font-family:'Decima',monospace;text-transform:uppercase;text-decoration:none;font-size:90px;color:#fff;text-align:center}.cube1,.cube2{width:90px;height:90px;position:absolute;top:0;left:0;-webkit-animation:cubemove 3s infinite ease-in-out;animation:cubemove 3s infinite ease-in-out}.cube2{-webkit-animation-delay:-1.5s;animation-delay:-1.5s}.zero{position:absolute;margin-left:auto;margin-right:auto;width:90px;height:90px;left:0;right:0;text-align:center;margin-top:90px;line-height:92px;-webkit-animation:rotatezero 1.5s infinite ease-in-out;animation:rotatezero 1.5s infinite ease-in-out}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(300px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(300px) translateY(200px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(200px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes cubemove{25%{transform:translateX(300px) rotate(-90deg) scale(.5);-webkit-transform:translateX(300px) rotate(-90deg) scale(.5)}50%{transform:translateX(300px) translateY(200px) rotate(-179deg);-webkit-transform:translateX(300px) translateY(200px) rotate(-179deg)}50.1%{transform:translateX(300px) translateY(200px) rotate(-180deg);-webkit-transform:translateX(300px) translateY(200px) rotate(-180deg)}75%{transform:translateX(0) translateY(200px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(200px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}@-webkit-keyframes rotatezero{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}100%{-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes rotatezero{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}100%{-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}footer{width:100%;position:fixed;z-index:1000;margin-bottom:-13px;bottom:45px;pointer-events:none}#left-footer{float:left;text-align:left}#left-footer span{position:absolute;bottom:-32px;display:block;font-size:12px;font-family:'Decima',monospace;text-transform:uppercase;text-decoration:none;color:#898989}#left-footer span::selection{background:none}#right-footer{float:right;text-align:right;width:auto}#right-footer ul{list-style:none;margin:0;padding:0;text-align:right;pointer-events:all;margin-right:-5px}#right-footer ul li{padding:0;margin:0;text-align:right;position:relative;display:inline;margin:0 10px}#right-footer ul li a{color:#898989;font-size:12px;font-family:'Decima',monospace;text-transform:uppercase;text-decoration:none;pointer-events:all;padding:0 5px 10px 5px;-o-transition:color .08s ease-in;-moz-transition:color .08s ease-in;-webkit-transition:color .08s ease-in;transition:color .08s ease-in;color:#aaa}#right-footer ul li a:hover{color:#fff}#right-footer ul li a.twitter-link:hover{color:#46d0fe}#right-footer ul li a.dribbble-link:hover{color:#e34e83}#right-footer ul li a.instagram-link:hover{color:#3f729b}#right-footer ul li a.fivehundredpx-link:hover{color:#0099e5}#right-footer ul li a.linkedin-link:hover{color:#0e76a8}#right-footer ul li a::selection{background:none}#right-footer #footer-link-list{-o-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;padding-top:15px;padding-bottom:15px;margin-bottom:-15px}#right-footer #footer-link-list.collapsed{opacity:0;margin-right:-30px}#right-footer #share-menu-icon{opacity:0;width:28px;height:21px;z-index:1;position:absolute;right:-15px;bottom:-38px;padding:5px;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#right-footer #share-menu-icon::selection{background:none}#right-footer #share-menu-icon img::selection{background:none}#right-footer #share-menu-icon.open{opacity:1;right:-5px}#share-menu-area{width:auto;overflow:hidden}#share-menu-area::selection{background:none}/*!
Theme Name: arvidbrane.se
Author: Arvid Bräne
Description: The theme for arvidbrane.se
Version: 0.0.1
Tags: portfolio
*/@media only screen and (max-width:1200px){.hero-container{margin:0 auto;max-width:89%}#hero-bg,#hero-bg-glasses,#hero-bg-joint{width:80vw}}@media only screen and (max-width:800px){h1{font-size:32.8px;line-height:48px}h2{font-size:19px;line-height:31.04px}h3{font-size:32.8px;line-height:48px}h4{font-size:19px;line-height:25.6px}header{width:100%;position:fixed;z-index:1000;top:45px}header #logo a img{height:25px;margin-left:-3px}header #logo a img:hover{height:25px;margin:0 0 0 -3px}.hero-container h2{color:#aaa}#hero-bg,#hero-bg-glasses,#hero-bg-joint{width:100vw;background-position:center;opacity:.6}.project-container h4{margin-top:10px;margin-bottom:20px;max-width:100%}.project-container div{column-count:1;column-gap:0}.project-container div p{font-size:18px;line-height:130%;padding:11px 14px;margin-left:-14px;margin-right:-14px}.project-container div p:hover{background-color:none}}@media only screen and (max-height:600px){.icon-scroll{display:none}}/*!
Theme Name: arvidbrane.se
Author: Arvid Bräne
Description: The theme for arvidbrane.se
Version: 0.0.1
Tags: portfolio
*/@media only screen and (max-width:600px){body{background-color:#292929}h1{line-height:42px}h2{line-height:25.6px}h3{line-height:42px}h4{line-height:25.6px}a.underline3 span:after{-webkit-box-shadow:inset 0 -2px 0 0 #292929;-moz-box-shadow:inset 0 -2px 0 0 #292929;-o-box-shadow:inset 0 -2px 0 0 #292929;box-shadow:inset 0 -2px 0 0 #292929}.frame-top,.frame-bottom{height:8px}.frame-right,.frame-left{width:8px}.main-wrapper{max-width:95%;min-height:auto;height:auto}.main-wrapper.vertically-aligned{min-height:inherit;height:auto}.secondary-wrapper{margin:0 11px}header{top:12px;margin-bottom:60px}header #logo{z-index:4;position:relative;-o-transition:none;-moz-transition:none;-webkit-transition:none;transition:none}header #logo a img{margin-left:0}header #logo a img.light-logo{display:none}header #logo a img.dark-logo{display:block}header #logo a img:hover{margin-left:0}header #menu-icon{display:none}header #mobile-menu{display:block;height:50px;width:100%;position:fixed;overflow:hidden;z-index:3;top:0;background-color:#fff;-o-transition:height .2s ease-in-out;-moz-transition:height .2s ease-in-out;-webkit-transition:height .2s ease-in-out;transition:height .2s ease-in-out}header #mobile-menu #mobile-menu-icon{display:block;opacity:1;z-index:4;right:11px;top:15px;cursor:pointer;-o-transition:none;-moz-transition:none;-webkit-transition:none;transition:none}header #mobile-menu #mobile-menu-icon div.line{-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#292929;margin-left:auto;margin-right:auto}header #mobile-menu.open{height:110vh}header #mobile-menu.open #mobile-menu-icon :nth-child(1){transform-origin:center center;transform:rotate(45deg);width:100%;margin-top:7px}header #mobile-menu.open #mobile-menu-icon :nth-child(2){margin-top:-7px;width:0}header #mobile-menu.open #mobile-menu-icon :nth-child(3){margin-top:-7px;transform-origin:center center;transform:rotate(-45deg);width:100%}header nav{-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:none;z-index:5;opacity:0;margin-top:0;width:100%;padding:none}header nav ul{text-align:center;margin-top:10vh}header nav ul li{text-align:center;display:block}header nav ul li a{font-size:18px;padding-left:20%;padding-right:20%;padding-top:3vh;padding-bottom:3vh}header nav ul li a:hover{color:#292929}header nav.open{margin-top:10%;opacity:1;display:block;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}#header-spacer{display:block;height:50px;width:100%}.full-box-container{min-height:unset}.icon-scroll{display:none}.hero-container{padding:13% 0 16% 0;transform:none;margin-top:50px}#hero-bg,#hero-bg-glasses,#hero-bg-glasses{height:100%}.project-container{margin-top:14%;margin-bottom:13%}.project-container h4{margin-bottom:10px}.project-container div p{padding:7px 14px}.project-container div p:hover{background-color:rgba(0,0,0,0)}#four_o_four{top:20vh;transform:none;transform:scale(.8);width:400px;margin-right:auto;margin-left:auto}footer{display:none;pointer-events:all}footer.open{display:block}#left-footer{float:none;display:block;text-align:center;width:100%;height:35px}#left-footer span{width:100%;top:0;font-style:italic;font-size:13.8px;opacity:.5}#left-footer span::before{content:"Copyright ";text-transform:none}#right-footer{float:none;display:inline;text-align:center;line-height:20px;margin-top:100px;width:80%;margin:0 auto}#right-footer ul{margin:0;text-align:center}#right-footer ul li a{font-size:13.8px}#right-footer ul li a.twitter-link{color:#46d0fe}#right-footer ul li a.dribbble-link{color:#e34e83}#right-footer ul li a.instagram-link{color:#3f729b}#right-footer ul li a.fivehundredpx-link{color:#0099e5}#right-footer ul li a.linkedin-link{color:#0e76a8}#right-footer ul li a:hover{color:#292929 !important}}