@media only screen and (max-width:599px){#logo{width:50%;margin:auto}.port-item{margin-left:0;margin-right:1.6%;width:49.2%}.port-item:nth-child(2n+0){margin-right:0}#copyright .col.right{text-align:left;padding-top:0}.wrapper{padding:0 10px}#footer::after,#footer::before{top:-2%}#portfolio{padding-bottom:80px}#main::before{top:-1%}#main::after{top:-2%}#header.nothome{height:40vh}#nav-container{display:none;position:fixed;top:0;left:0;background-color:#5d5d5d;color:#fff;height:100vh;width:60vw;z-index:9999}#nav-container:after{content:'';width:100%;height:100%;position:absolute;top:0;left:60vw;background-color:#5d5d5d;opacity:.7}#mobile-nav-close-btn{display:none;position:fixed;top:20px;left:20px;z-index:99999;font-size:24px;color:#fff}ul.nav{left:40px;right:auto}ul.nav li{color:#fff;float:none;margin-left:0;margin-bottom:10px}ul.nav li.active a{color:#fff}ul.nav li.active{border-bottom:2px solid #5d5d5d}}@media only screen and (min-width:600px){#mobile-nav-btn,#mobile-nav-close-btn{display:none}.port-item{margin-left:0;margin-right:1.6%}.port-item:nth-child(3n+0){margin-right:0}}@media only screen and (min-width:600px) and (max-width:767px){#copyright .col,form .col{width:100%}#copyright .col.right{text-align:left;padding-top:0;margin-left:0}}@media only screen and (min-width:1024px){.wrapper{width:1000px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body,html{font-weight:300}}