/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit}optgroup{font-weight:bold}button,input,select{overflow:visible}button,input,select,textarea{margin:0}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}[disabled]{cursor:default}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}.main-header .header-content .logo-nav-wrapper::after,.page-title-wrapper::after,.layout-1col::after,.additional-content-wrapper::after,.layout-1col-narrow::after,.layout-2col::after,.layout-1col-10-centered::after,.layout-2col_mobile::after,.layout-3col.layout-2col_mobile::after,.layout-3col::after,.layout-4col::after,.layout-5col-7col::after,.layout-7col-5col::after,.global-wrapper>footer .footer-content::after,.generic-page-wrapper::after,.homepage-wrapper::after,.projects-page .projects-wrapper::after,.project-wrapper .project-info::after,.project-wrapper .project-details .project-detail-wrapper::after,.project-wrapper .project-text::after,.fonts-wrapper::after,.about-wrapper .about::after,.about-wrapper .about .about-intro::after,.about-wrapper .about .about-attributes::after,.about-wrapper .about .about-site::after,.contact-wrapper .contact::after,.four-o-four-wrapper::after{clear:both;content:"";display:block}.project-wrapper .project-details .project-detail-wrapper .project-detail-property-title{color:rgba(255,255,255,0.6);font-size:.875rem;text-transform:uppercase;letter-spacing:.06rem;margin-top:.5em;margin-bottom:4px}.two-columns{column-count:1}@media only screen and (min-width: 480px){.two-columns{column-count:1}}@media only screen and (min-width: 768px){.two-columns{column-gap:20px;column-count:1}}@media only screen and (min-width: 1260px){.two-columns{column-gap:28px;column-count:2}}.keep-line-wrap{display:inline-block}.screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@font-face{font-family:'simransingh224';src:url("/?originalUrl=https%3A%2F%2Fsimransingh.dev%2Ffonts%2Fsimransingh224.woff2") format("woff2"),url("/?originalUrl=https%3A%2F%2Fsimransingh.dev%2Ffonts%2Fsimransingh224.woff") format("woff");font-display:swap;font-weight:normal;font-style:normal}html{font-family:sans-serif;font-family:"simransingh224", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-shadow:1px 1px 1px rgba(0,0,0,0.004)}h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{font-weight:400;padding:0;margin:0}h1{font-size:1.5rem}@media only screen and (min-width: 1260px){h1{font-size:2rem}}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.paragraph-main p{margin-bottom:.9em;font-size:1.125rem}@media only screen and (min-width: 1260px){.paragraph-main p{font-size:1.25rem}}.paragraph-main p small{font-size:.875rem}.paragraph-small p{margin-bottom:0.7em;font-size:1rem}.paragraph-large,.fonts p,.four-o-four p{margin-bottom:0.7em;font-size:1.125rem}@media only screen and (min-width: 768px){.paragraph-large,.fonts p,.four-o-four p{font-size:1.5rem}}@media only screen and (min-width: 1260px){.paragraph-large,.fonts p,.four-o-four p{font-size:28px}}a{color:#fff}main p a,main li a{text-decoration:none;color:#66FCF1;border-bottom:1px dashed;border-bottom-color:transparent;transition:border-bottom-color .2s}main p a:hover,main li a:hover{border-bottom-color:#66FCF1;transition:border-bottom-color 0s;opacity:1}img{-webkit-transform:translateZ(0);width:calc(100% + .49px);max-width:100%;height:auto}img.light{border:1px solid rgba(255,255,255,0.3)}main ul li{margin-bottom:.6rem;font-size:1.25rem}.list--small li{font-size:1rem}.list--dashed{list-style-type:none;margin-left:14px}.list--dashed>li{list-style-type:none;position:relative}.list--dashed>li:before{content:"-";display:block;position:absolute;left:-15px}dl.relational-list dd.relational-list__description{font-size:.875rem;opacity:.6;margin-bottom:1rem}dl.relational-list dd.relational-list__description.relational-list__description--period{margin-bottom:.2em;text-transform:uppercase;font-size:.75rem}.button-primary,.button-secondary{padding:8px 12px;display:inline-block;text-align:center;cursor:pointer;vertical-align:middle;text-decoration:none;font-size:1.125rem;-webkit-appearance:none;appearance:none;border-radius:0;transition:color .2s,background .2s}.button-primary:focus,.button-secondary:focus{outline:0}.button-primary:active,.button-secondary:active{transform:scale(0.99)}.button-primary:disabled,.button-secondary:disabled,.disabled.button-primary,.disabled.button-secondary{cursor:not-allowed;transform:scale(1)}.button-adaptive{width:100%}@media only screen and (min-width: 1260px){.button-adaptive{display:inline-block;width:auto}}.button-primary{background:#66FCF1;border:none}.button-primary:hover{background:#a3fdf7}.button-primary:active{background:#85fdf4}.button-primary:disabled,.button-primary.disabled{background:#85fdf4}.button-secondary{border:1px solid #66FCF1;color:#66FCF1;background:transparent}.button-secondary:hover,.button-secondary:focus{background:#66FCF1;color:black}.button-secondary:active{background:#85fdf4;color:black}.button-secondary:disabled,.button-secondary.disabled{background:#85fdf4}form fieldset{border:0;padding:0;margin:0}form label{display:block;font-size:1.125rem}form section{margin-bottom:12px}form input:not([type='submit']),form textarea{padding:8px 12px;width:100%;font-size:1.25rem}form [type='color'],form [type='date'],form [type='datetime'],form [type='datetime-local'],form [type='email'],form [type='month'],form [type='number'],form [type='password'],form [type='search'],form [type='tel'],form [type='text'],form [type='time'],form [type='url'],form [type='week'],form input:not([type]),form textarea{border:0;border-bottom:4px solid white;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-bottom-color .2s}form [type='color']:hover,form [type='date']:hover,form [type='datetime']:hover,form [type='datetime-local']:hover,form [type='email']:hover,form [type='month']:hover,form [type='number']:hover,form [type='password']:hover,form [type='search']:hover,form [type='tel']:hover,form [type='text']:hover,form [type='time']:hover,form [type='url']:hover,form [type='week']:hover,form input:not([type]):hover,form textarea:hover{border:0;border-bottom:4px solid #e2e2e2;transition:border-bottom-color .2s}form [type='color']:focus,form [type='date']:focus,form [type='datetime']:focus,form [type='datetime-local']:focus,form [type='email']:focus,form [type='month']:focus,form [type='number']:focus,form [type='password']:focus,form [type='search']:focus,form [type='tel']:focus,form [type='text']:focus,form [type='time']:focus,form [type='url']:focus,form [type='week']:focus,form input:not([type]):focus,form textarea:focus,form [type='color']:active,form [type='date']:active,form [type='datetime']:active,form [type='datetime-local']:active,form [type='email']:active,form [type='month']:active,form [type='number']:active,form [type='password']:active,form [type='search']:active,form [type='tel']:active,form [type='text']:active,form [type='time']:active,form [type='url']:active,form [type='week']:active,form input:not([type]):active,form textarea:active{border:0;border-bottom:4px solid #66FCF1;transition:border-bottom-color .2s}form textarea{resize:vertical}form .bot-field{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.main-header.header-prevent-hide{transform:translateY(0%) !important}.main-header .header-content .logo-nav-wrapper .logo-title-wrapper{width:calc(75% - 49px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.main-header .header-content .logo-nav-wrapper .logo-title-wrapper{width:calc(50% - 30px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.main-header .header-content .logo-nav-wrapper .logo-title-wrapper{width:calc(50% - 42px);float:left;margin-left:28px}}.main-header .header-content .logo-nav-wrapper nav.navigation{width:calc(25% - 35px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.main-header .header-content .logo-nav-wrapper nav.navigation{width:calc(50% - 30px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.main-header .header-content .logo-nav-wrapper nav.navigation{width:calc(50% - 42px);float:left;margin-left:28px}}.main-header .logo-nav-wrapper a.accessibility-skip{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.main-header .logo-nav-wrapper a.accessibility-skip:focus{top:0;left:0;right:0;z-index:200;width:auto;height:auto;padding:0 10px;clip:auto;font-weight:bold;line-height:49px;color:#fff;text-decoration:none;background:black;outline:0}.main-header .logo-nav-wrapper a.accessibility-skip:focus:hover{text-decoration:underline}.main-header .logo-nav-wrapper .logo{transition:width 200ms ease, margin-right 200ms ease;vertical-align:top;display:inline-block;margin-right:.6em;width:56px;height:56px}.main-header .logo-nav-wrapper .logo a:focus,.main-header .logo-nav-wrapper .logo a:active{background:inherit;border-top:none;border-right:none;border-bottom:2px solid #fff;border-left:none;opacity:1;outline:0}.main-header .logo-nav-wrapper .logo a svg{height:100%;width:100%}.main-header .logo-nav-wrapper .logo a svg #logo{fill:#fff}.main-header .desktop-page-title,.main-header .site-title{display:none}@media only screen and (min-width: 1260px){.main-header .desktop-page-title,.main-header .site-title{transition:opacity .2s ease-in-out;height:auto;width:auto;display:inline-block;overflow:hidden;max-width:400px;text-decoration:none}.main-header .desktop-page-title h1,.main-header .desktop-page-title h2,.main-header .site-title h1,.main-header .site-title h2{font-size:1.5rem;color:#fff;margin-top:.6em;letter-spacing:.02em;line-height:1.3;hyphens:auto}}.main-header a.accessibility-skip{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.main-header a.accessibility-skip:focus{top:0;text-align:center;left:calc(50% - (300px/2));z-index:10000;width:300px;height:auto;padding:0 10px;clip:auto;font-weight:bold;line-height:49px;color:black;text-decoration:none;background:white;outline:0;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2)}.main-header a.accessibility-skip:focus:hover{text-decoration:underline}.main-header{will-change:transform, background, padding-top, padding-bottom;transition:transform 200ms ease, background 200ms ease, padding-top 300ms ease, padding-bottom 200ms ease;padding-top:32px;padding-bottom:20px}.main-header.sticky-header{position:absolute;top:0;left:0;right:0;transition:transform 0.3s;z-index:10000}.main-header.sticky-header .desktop-page-title{opacity:0;height:0;width:0}.main-header.sticky-header .site-title{opacity:1;height:auto;width:auto}.main-header.sticky-header--hidden{transform:translate3d(0, -100%, 0)}.main-header.sticky-header--fixed{background:#171717;padding-top:12px;padding-bottom:12px;position:fixed;border-bottom:1px solid #2b2b2b}.main-header.sticky-header--fixed .logo{width:44px}@media only screen and (min-width: 768px){.main-header.sticky-header--fixed .desktop-page-title{opacity:1;height:auto;width:auto}}.main-header.sticky-header--fixed .site-title{opacity:0;height:0;width:0}.main-header.sticky-header--hidden:after{content:'';position:fixed;left:0;right:0;top:100%;height:4em}.main-header.sticky-header--hidden:hover{transform:translate3d(0, 0, 0)}.global-wrapper>header nav{position:relative;z-index:100}.global-wrapper>header nav:before{opacity:0;content:''}.global-wrapper>header nav.show:before{transition:opacity 150ms ease-in-out;content:'';position:fixed;width:100%;height:100vh;background:rgba(0,0,0,0.9);left:0;right:0;top:0;bottom:0;opacity:1}@media only screen and (min-width: 768px){.global-wrapper>header nav.show:before{display:none}}.global-wrapper>header nav.show .mobile-nav{position:fixed;border:1px solid white;color:white}.global-wrapper>header nav.show .mobile-nav:hover,.global-wrapper>header nav.show .mobile-nav:focus{background:rgba(255,255,255,0.2)}.global-wrapper>header nav.show .mobile-nav:active{background:rgba(255,255,255,0.3)}.global-wrapper>header nav.show ul{display:block;opacity:1;overflow-y:auto;overflow-x:hidden;max-height:80vh;max-height:calc(100vh - 120px)}.global-wrapper>header nav a.mobile-nav{display:inline-block;float:right;right:20px;padding:10px 20px;margin-top:5px;border:1px solid #fff;text-transform:uppercase;letter-spacing:.05em;color:#fff;text-decoration:none;position:static}.global-wrapper>header nav a.mobile-nav:hover,.global-wrapper>header nav a.mobile-nav:focus{background:rgba(255,255,255,0.2);outline:0}.global-wrapper>header nav a.mobile-nav:active{background:rgba(255,255,255,0.3)}@media only screen and (min-width: 768px){.global-wrapper>header nav a.mobile-nav{display:none}}.global-wrapper>header nav ul{max-height:0;padding:0;margin:0;opacity:0;transition:max-height 150ms ease-in-out;position:fixed;overflow:hidden;left:20px;right:20px;top:100px;list-style-type:none;background:#fff;background:black;border:1px solid #fff;font-size:1.25rem;letter-spacing:.05em;height:auto}.global-wrapper>header nav ul li{display:block;border-bottom:1px solid #fff}.global-wrapper>header nav ul li:last-of-type{border-bottom:0}.global-wrapper>header nav ul li a{text-decoration:none;color:#fff;display:block;padding:20px}.global-wrapper>header nav ul li a:hover{background:rgba(255,255,255,0.2)}.global-wrapper>header nav ul li a.current{background:rgba(255,255,255,0.4)}.global-wrapper>header nav ul li a.current:focus{color:gray;border-color:gray}.global-wrapper>header nav ul li a.current:after{content:'Current section';text-transform:uppercase;float:right;font-size:0.8em;margin-top:3px}@media only screen and (min-width: 768px){.global-wrapper>header nav ul{display:block;max-height:none;position:static;text-align:right;background:inherit;opacity:1;border:0;margin-top:10px}.global-wrapper>header nav ul li{display:inline-block;position:relative;padding-left:1em;padding-bottom:.6em;border:0}.global-wrapper>header nav ul li a{text-decoration:none;padding:0 0 .02em 0;background-color:inherit;border-bottom:1px solid transparent;opacity:0.7;transition:all 100ms ease-in-out}.global-wrapper>header nav ul li a:hover,.global-wrapper>header nav ul li a:focus,.global-wrapper>header nav ul li a:active{background:inherit;border-top:none;border-right:none;border-bottom:1px solid;border-left:none;opacity:1;outline:0}.global-wrapper>header nav ul li a.current{border-top:none;border-right:none;border-bottom:1px solid;border-left:none;opacity:1;background:inherit}.global-wrapper>header nav ul li a.current:after{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}}.page-title-wrapper .page-title{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.page-title-wrapper .page-title{width:calc(100% - 40px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.page-title-wrapper .page-title{width:calc(50% - 42px);float:left;margin-left:28px}}.page-title-wrapper .page-title.project{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.page-title-wrapper .page-title.project{width:calc(100% - 40px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.page-title-wrapper .page-title.project{width:calc(50% - 42px);float:left;margin-left:28px;left:calc(8.3333333333% - 30.3333333333px + 28px);position:relative}}.page-title-wrapper .page-title{padding-bottom:2em}.page-title-wrapper .page-title h1{font-size:2.5rem;line-height:1.2}.image-wrapper img{width:100%}.layout-1col .image-wrapper,.layout-1col .additional-content,.additional-content-wrapper .image-wrapper,.additional-content-wrapper .additional-content{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-1col .image-wrapper,.layout-1col .additional-content,.additional-content-wrapper .image-wrapper,.additional-content-wrapper .additional-content{width:calc(100% - 40px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-1col .image-wrapper,.layout-1col .additional-content,.additional-content-wrapper .image-wrapper,.additional-content-wrapper .additional-content{width:calc(100% - 56px);float:left;margin-left:28px}}.layout-1col-narrow .image-wrapper{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-1col-narrow .image-wrapper{width:calc(100% - 40px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-1col-narrow .image-wrapper{width:calc(83.3333333333% - 51.3333333333px);float:left;margin-left:28px;left:calc(8.3333333333% - 30.3333333333px + 28px);position:relative}}.layout-2col .image-wrapper{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-2col .image-wrapper{width:calc(50% - 30px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-2col .image-wrapper{width:calc(50% - 42px);float:left;margin-left:28px}}.layout-1col-10-centered .image-wrapper{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-1col-10-centered .image-wrapper{width:calc(100% - 40px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-1col-10-centered .image-wrapper{width:calc(83.3333333333% - 51.3333333333px);float:left;margin-left:28px;margin-left:calc(8.3333333333% - 30.3333333333px + 56px)}}.layout-2col_mobile .image-wrapper{width:calc(50% - 42px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-2col_mobile .image-wrapper{width:calc(50% - 30px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-2col_mobile .image-wrapper{width:calc(50% - 42px);float:left;margin-left:28px}}.layout-3col.layout-2col_mobile .image-wrapper{width:calc(50% - 42px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-3col.layout-2col_mobile .image-wrapper{width:calc(33.3333333333% - 26.6666666667px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-3col.layout-2col_mobile .image-wrapper{width:calc(33.3333333333% - 37.3333333333px);float:left;margin-left:28px}}.layout-3col .image-wrapper{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-3col .image-wrapper{width:calc(33.3333333333% - 26.6666666667px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-3col .image-wrapper{width:calc(33.3333333333% - 37.3333333333px);float:left;margin-left:28px}}.layout-4col .image-wrapper{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-4col .image-wrapper{width:calc(25% - 25px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-4col .image-wrapper{width:calc(25% - 35px);float:left;margin-left:28px}}.layout-5col-7col .image-wrapper:first-child{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-5col-7col .image-wrapper:first-child{width:calc(50% - 30px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-5col-7col .image-wrapper:first-child{width:calc(41.6666666667% - 39.6666666667px);float:left;margin-left:28px}}.layout-5col-7col .image-wrapper:last-child{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-5col-7col .image-wrapper:last-child{width:calc(50% - 30px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-5col-7col .image-wrapper:last-child{width:calc(58.3333333333% - 44.3333333333px);float:left;margin-left:28px}}.layout-7col-5col .image-wrapper:first-child{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-7col-5col .image-wrapper:first-child{width:calc(50% - 30px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-7col-5col .image-wrapper:first-child{width:calc(58.3333333333% - 44.3333333333px);float:left;margin-left:28px}}.layout-7col-5col .image-wrapper:last-child{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.layout-7col-5col .image-wrapper:last-child{width:calc(50% - 30px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.layout-7col-5col .image-wrapper:last-child{width:calc(41.6666666667% - 39.6666666667px);float:left;margin-left:28px}}.global-wrapper>footer{color:#fff;padding-bottom:28px;padding-top:32px}.global-wrapper>footer .footer-content{position:relative}.global-wrapper>footer .footer-content .footer-content-wrapper{width:calc(66.6666666667% - 46.6666666667px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.global-wrapper>footer .footer-content .footer-content-wrapper{width:calc(66.6666666667% - 33.3333333333px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.global-wrapper>footer .footer-content .footer-content-wrapper{width:calc(66.6666666667% - 46.6666666667px);float:left;margin-left:28px}}.global-wrapper>footer .footer-content .footer-content-wrapper a.license{text-decoration:none;margin-top:28px;color:#fff}.global-wrapper>footer .footer-content .footer-content-wrapper a.license:before{content:'';position:absolute;display:block;background:white;top:-11px;width:20px;height:1px}.global-wrapper>footer .footer-content .footer-content-wrapper a.license:hover{border-bottom:1px dashed}.global-wrapper>footer .footer-content .footer-content-wrapper a.made-by{color:#fff;font-size:.5625rem;text-transform:uppercase;text-decoration:none;letter-spacing:0.2em;position:absolute;width:64px;word-wrap:break-word;right:-12px;padding-bottom:1em;border-bottom:1px solid #fff;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:top}::-moz-selection{color:white;background:#190061}::selection{color:white;background:#190061}html{box-sizing:border-box;background:#171717;height:100%}*,*:before,*:after{box-sizing:inherit}figure{margin:0}img{display:block}body{color:#fff}body.prevent-scroll-mobile{overflow:hidden}@media only screen and (min-width: 768px){body.prevent-scroll-mobile{overflow:auto}}.global-wrapper{margin-top:100px}.header-content,main,footer{margin-left:auto;margin-right:auto}@media only screen and (min-width: 768px){.header-content,main,footer{max-width:1260px}}@media only screen and (min-width: 768px){.header-content,main,footer{max-width:1512px}}.main-content{min-height:calc(100vh - 193px)}.page-header-spacer{height:2em}.generic-page-wrapper .generic-page{width:calc(100% - 56px);float:left;margin-left:28px}.homepage-background{background-image:url("/?originalUrl=https%3A%2F%2Fsimransingh.dev%2Fimages%2Fhomepage-background.jpg");background-position:center;background-size:cover;background-repeat:no-repeat;z-index:0}.homepage-wrapper{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 1260px){.homepage-wrapper .homepage{width:calc(66.6666666667% - 46.6666666667px);float:left;margin-left:28px;left:calc(16.6666666667% - 32.6666666667px + 28px);position:relative}}.homepage-intro{margin-top:7vw;font-size:2rem;text-align:center;background:rgba(0,0,0,0.9);padding:28px;background-blend-mode:color-dodge}.homepage-hello{display:none}@media only screen and (min-width: 768px){.homepage-hello{position:absolute;right:0;bottom:0;overflow:hidden;margin-bottom:-24%;margin-right:-17%}.homepage-hello .homepage-hello-text{user-select:none;pointer-events:none;font-size:36vw}}.projects-page .projects-wrapper .projects>article.project-listing{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.projects-page .projects-wrapper .projects>article.project-listing{width:calc(50% - 30px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.projects-page .projects-wrapper .projects>article.project-listing{width:calc(33.3333333333% - 37.3333333333px);float:left;margin-left:28px}}.projects-page .projects-wrapper article{padding-bottom:32px}.projects-page .projects-wrapper article .thumbnail-wrapper a{outline:0;text-decoration:none}.projects-page .projects-wrapper article .thumbnail-wrapper a img{width:100%;height:auto;display:block;position:absolute;top:0;right:0;left:0;bottom:0;text-align:center;filter:grayscale(0%);transition-property:filter;transition-timing-function:ease-in-out;transition-duration:.2s}.projects-page .projects-wrapper article .thumbnail-wrapper a h3{display:block;color:#fff;margin-top:.4em;font-size:1rem}.projects-page .projects-wrapper article .thumbnail-wrapper a .thumbnail-description-wrapper{display:block;position:relative;line-height:1;background-color:transparent;overflow:hidden;width:100%;padding-top:75%}.projects-page .projects-wrapper article .thumbnail-wrapper a .thumbnail-description-wrapper p.thumbnail-description{opacity:0;transition-property:opacity;transition-timing-function:ease-in-out;transition-duration:.2s;padding:8px 32px;position:absolute;width:100%;height:100%;display:block;background-color:rgba(25,0,97,0.85);margin:0;top:0;right:0;left:0;bottom:0;line-height:1;display:flex;align-items:center;justify-content:center;text-align:center}.projects-page .projects-wrapper article .thumbnail-wrapper a .thumbnail-description-wrapper p.thumbnail-description span.thumbnail-tag-media{display:block;position:relative;width:100%;margin-top:10px}.projects-page .projects-wrapper article .thumbnail-wrapper a .thumbnail-description-wrapper p.thumbnail-description span{display:block;color:white;line-height:1.4;font-size:1.3rem;-webkit-transform-style:preserve-3d;transform:translate3d(0, 10px, 0);transition-property:transform;transition-timing-function:ease-in-out;transition-duration:.2s}.projects-page .projects-wrapper article .thumbnail-wrapper a:hover .thumbnail-description-wrapper p.thumbnail-description,.projects-page .projects-wrapper article .thumbnail-wrapper a:focus .thumbnail-description-wrapper p.thumbnail-description{opacity:1;transition-property:opacity;transition-timing-function:ease-in-out;transition-duration:.2s}.projects-page .projects-wrapper article .thumbnail-wrapper a:hover .thumbnail-description-wrapper p.thumbnail-description span,.projects-page .projects-wrapper article .thumbnail-wrapper a:focus .thumbnail-description-wrapper p.thumbnail-description span{transform:translate3d(0, 0, 0);transition-property:transform;transition-timing-function:ease-in-out;transition-duration:.2s}.projects-page .projects-wrapper article .thumbnail-wrapper a:hover .thumbnail-description-wrapper img,.projects-page .projects-wrapper article .thumbnail-wrapper a:focus .thumbnail-description-wrapper img{filter:grayscale(100%)}.text_1{animation:text1}.text_2{animation:text2}.text_1,.text_2{overflow:hidden;white-space:nowrap;display:inline-block;position:relative;animation-duration:20s;animation-timing-function:steps(25, end);animation-iteration-count:infinite}.text_1::after,.text_2::after{content:"|";position:absolute;right:2;animation:caret infinite;animation-duration:1s;animation-timing-function:steps(1, end)}@keyframes text2{0%, 50%, 100%{width:0}60%, 90%{width:21.2em}}@keyframes text1{0%, 50%, 100%{width:0}10%, 40%{width:17em}}@keyframes caret{0%, 100%{opacity:0}50%{opacity:1}}.scene{position:relative;display:block;margin:0 auto;width:300px;height:200px}.plane,.cloud{position:absolute}.plane{animation-duration:1s;animation-name:anim-plane;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear;animation-fill-mode:forwards;display:block;margin:0 auto;transform:translateY(80px);left:30%}@keyframes anim-plane{to{transform:translateY(95px)}}@keyframes fade{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes move{from{left:200px}to{left:0px}}.cloud{animation-duration:10s;animation-name:move, fade;animation-direction:normal;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:both;display:block;background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iY2xvdWQiIHZpZXdCb3g9IjAgMCA1MiA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjQwcHgiPgoJPGRlZnM+CgkJPGZpbHRlciBpZD0iZjEiIHg9Ii0xMDAlIiB5PSItMTAwJSIgd2lkdGg9IjMwMCUiIGhlaWdodD0iMzAwJSI+IAoJCQk8ZmVPZmZzZXQgcmVzdWx0PSJvdXQiIGluPSJTb3VyY2VHcmFwaGljIiBkeD0iMCIgZHk9IjEiLz4KCQkJPGZlQ29sb3JNYXRyaXggcmVzdWx0PSJvdXQiIGluPSJvdXQiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgIDAgMCAwIDAgMCAgMCAwIDAgMCAwICAwIDAgMCAwLjQgMCIvPgoJCQk8ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJvdXQiIGluPSJvdXQiIHN0ZERldmlhdGlvbj0iMiIvPgoJCQk8ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJvdXQiIG1vZGU9Im5vcm1hbCIgcmVzdWx0PSJkcCIvPgoJCTwvZmlsdGVyPgoJPC9kZWZzPiAKCTxwYXRoIGlkPSJmZy1jbG91ZCIgZmlsdGVyPSJ1cmwoI2YxKSIgZD0iTTYuMyAzNS4xQzQuNyAzNC4yLTAuNCAzMi4zIDEuNCAyNSAzLjEgMTguMSA4LjcgMTkuNSA4LjcgMTkuNSA4LjcgMTkuNSAzLjIgMTQuMSAxMC40IDYuOCAxNi45IDAuMiAyMy4xIDQuNiAyMy4xIDQuNiAyMy4xIDQuNiAzMC0xLjcgMzUuMiAyLjQgNDQuNiA5LjcgNDIuOCAyNS4zIDQyLjggMjUuMyA0Mi44IDI1LjMgNDggMjIuNiA0OS44IDI4LjYgNTEgMzIuNyA0NiAzNS44IDQyLjggMzYuNyAzOS43IDM3LjUgOC45IDM2LjYgNi4zIDM1LjFaIiBzdHJva2U9IiNjY2NjY2MiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI2ZmZmZmZiIvPgo8L3N2Zz4=);height:40px;width:53px;margin:0 auto}.cloud--small{animation-duration:6s;top:65px;transform:scaleX(0.5) scaleY(0.5)}.cloud--medium{animation-duration:5s;animation-delay:1s;top:95px;transform:scaleX(0.7) scaleY(0.7)}.cloud--large{animation-duration:4.5s;animation-delay:2.5s;top:95px;transform:scaleX(0.8) scaleY(0.8)}.whoami{padding-top:3em;text-align:center}.wrapper{display:flex;justify-content:space-around;align-items:center;width:800px;height:600px;background-image:linear-gradient(to bottom right, #81c2de, #4f92ac);transition:all .4s ease-out}.wrapper__links{display:flex;justify-content:space-between;align-items:center;width:70%}.social-link--linkedin{color:#2d76b0}.social-link--github{color:#000}.social-link--instagram{color:#9a2970}.social-link--dribbble{color:#b53561}.social-link .social-svg{width:4.8rem;height:4.8rem}.social-link .social-svg .social-group__icon{fill:#FFFBFA;transition:all .2s}.social-link .social-svg .social-group__inner-circle{fill:transparent;transition:all .2s}.social-link .social-svg .social-group__outline{stroke:#FFFBFA;transform-origin:50% 50%;transition:all .2s}.social-link .social-svg:hover .social-group__icon,.social-link .social-svg:active .social-group__icon,.social-link .social-svg:focus .social-group__icon{fill:#FFFBFA;transition:all .45s}.social-link .social-svg:hover .social-group__inner-circle,.social-link .social-svg:active .social-group__inner-circle,.social-link .social-svg:focus .social-group__inner-circle{fill:currentColor;transition:all .45s}.social-link .social-svg:hover .social-group__inner-circle--instagram,.social-link .social-svg:active .social-group__inner-circle--instagram,.social-link .social-svg:focus .social-group__inner-circle--instagram{fill:url("/?originalUrl=https%3A%2F%2Fsimransingh.dev%2F%23simpleInsta") !important}.social-link .social-svg:hover .social-group__outline,.social-link .social-svg:active .social-group__outline,.social-link .social-svg:focus .social-group__outline{stroke:currentColor;transform:scale(1.1);transition:all .45s}.project-wrapper .project-info .project-intro{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.project-wrapper .project-info .project-intro{width:calc(100% - 40px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.project-wrapper .project-info .project-intro{width:calc(58.3333333333% - 44.3333333333px);float:left;margin-left:28px;left:calc(8.3333333333% - 30.3333333333px + 28px);position:relative}}.project-wrapper .project-info .project-details{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.project-wrapper .project-info .project-details{width:calc(100% - 40px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.project-wrapper .project-info .project-details{width:calc(16.6666666667% - 32.6666666667px);float:left;margin-left:28px;margin-left:calc(16.6666666667% - 32.6666666667px + 56px)}}.project-wrapper .project-details .project-detail-wrapper{margin-left:-28px;margin-right:-28px;width:calc(100% + 56px)}.project-wrapper .project-details .project-detail-wrapper .project-detail-6{width:calc(50% - 42px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.project-wrapper .project-details .project-detail-wrapper .project-detail-6{width:calc(25% - 25px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.project-wrapper .project-details .project-detail-wrapper .project-detail-6{width:calc(100% - 56px);float:left;margin-left:28px}}.project-wrapper .project-details .project-detail-wrapper .project-detail-12{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.project-wrapper .project-details .project-detail-wrapper .project-detail-12{width:calc(25% - 25px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.project-wrapper .project-details .project-detail-wrapper .project-detail-12{width:calc(100% - 56px);float:left;margin-left:28px}}.project-wrapper .project-text .project-text-wrapper{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.project-wrapper .project-text .project-text-wrapper{width:calc(100% - 40px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.project-wrapper .project-text .project-text-wrapper{width:calc(58.3333333333% - 44.3333333333px);float:left;margin-left:28px;left:calc(8.3333333333% - 30.3333333333px + 28px);position:relative}}.project-wrapper .image-wrapper{padding-bottom:28px}@media only screen and (min-width: 768px){.project-wrapper .image-wrapper{padding-bottom:20px}}@media only screen and (min-width: 1260px){.project-wrapper .image-wrapper{padding-bottom:28px}}.project-wrapper .image-wrapper .image-wrapper img{width:100%}.project-wrapper .image-wrapper figcaption{margin-top:12px;margin-bottom:20px}.project-wrapper .image-wrapper.nudge-down-5{margin-top:5%}.project-wrapper .project-hero,.project-wrapper .project-intro{margin-bottom:32px}.project-wrapper .project-detail{margin-bottom:12px}.project-wrapper .project-details{margin-bottom:32px}.project-wrapper .project-details .project-detail-first{position:relative}.project-wrapper .project-details .project-detail-first:before{content:'';position:absolute;display:block;background:white;top:-11px;width:20px;height:1px}.project-wrapper .project-text{margin-bottom:20px}.fonts-wrapper .fonts{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.fonts-wrapper .fonts{width:calc(66.6666666667% - 33.3333333333px);float:left;margin-left:20px;left:calc(16.6666666667% - 23.3333333333px + 20px);position:relative;margin-top:5vh;margin-bottom:8vh}}*{margin:0;padding:0}#slider{width:100%;height:500px;position:relative;overflow:hidden}@keyframes load{from{left:-100%}to{left:0}}.slides{width:400%;height:100%;position:relative;-webkit-animation:slide 30s infinite;-moz-animation:slide 30s infinite;animation:slide 30s infinite}.slider{width:15%;height:100%;float:left;position:relative;z-index:1;overflow:hidden}.slide img{width:100%;height:100%}.slide img{width:100%;height:100%}.image{width:100%;height:100%}.image img{width:100%;height:100%}.legend{border:500px solid;border-left:800px solid rgba(48,144,189,0.972);border-bottom:0;position:absolute;bottom:0}.content{width:100%;height:100%;position:absolute;overflow:hidden}.content-txt{width:400px;height:150px;float:left;position:relative;top:300px;-webkit-animation:content-s 7.5s infinite;-moz-animation:content-s 7.5s infinite;animation:content-s 7.5s infinite}.content-txt h1{font-family:Intro;font-size:24px;color:#fff;text-align:left;margin-left:30px;padding-bottom:10px}.content-txt h2{font-family:Quicksand;font-weight:normal;font-size:14px;font-style:italic;color:#fff;text-align:left;margin-left:30px}.switch{width:120px;height:10px;position:absolute;bottom:50px;z-index:99;left:30px}.switch>ul{list-style:none}.switch>ul>li{width:10px;height:10px;border-radius:50%;background:#ffff;float:left;margin-right:5px;cursor:pointer}.switch ul{overflow:hidden}.on{width:100%;height:100%;border-radius:50%;background:#f39c12;position:relative;-webkit-animation:on 30s infinite;-moz-animation:on 30s infinite;animation:on 30s infinite}@-webkit-keyframes slide{0%,100%{margin-left:0%}21%{margin-left:0%}25%{margin-left:-100%}46%{margin-left:-100%}50%{margin-left:-200%}71%{margin-left:-200%}75%{margin-left:-300%}96%{margin-left:-300%}}@-moz-keyframes slide{0%,100%{margin-left:0%}21%{margin-left:0%}25%{margin-left:-100%}46%{margin-left:-100%}50%{margin-left:-200%}71%{margin-left:-200%}75%{margin-left:-300%}96%{margin-left:-300%}}@keyframes slide{0%,100%{margin-left:0%}21%{margin-left:0%}25%{margin-left:-100%}46%{margin-left:-100%}50%{margin-left:-200%}71%{margin-left:-200%}75%{margin-left:-300%}96%{margin-left:-300%}}@-webkit-keyframes content-s{0%{left:-420px}10%{left:0px}30%{left:0px}40%{left:0px}50%{left:0px}60%{left:0px}70%{left:0}80%{left:-420px}90%{left:-420px}100%{left:-420px}}@-moz-keyframes content-s{0%{left:-420px}10%{left:0px}30%{left:0px}40%{left:0px}50%{left:0px}60%{left:0px}70%{left:0}80%{left:-420px}90%{left:-420px}100%{left:-420px}}@keyframes content-s{0%{left:-420px}10%{left:20px}15%{left:0px}30%{left:0px}40%{left:0px}50%{left:0px}60%{left:0px}70%{left:0}80%{left:-420px}90%{left:-420px}100%{left:-420px}}@-webkit-keyframes on{0%,100%{margin-left:0%}21%{margin-left:0%}25%{margin-left:15px}46%{margin-left:15px}50%{margin-left:30px}71%{margin-left:30px}75%{margin-left:45px}96%{margin-left:45px}}@-moz-keyframes on{0%,100%{margin-left:0%}21%{margin-left:0%}25%{margin-left:15px}46%{margin-left:15px}50%{margin-left:30px}71%{margin-left:30px}75%{margin-left:45px}96%{margin-left:45px}}@keyframes on{0%,100%{margin-left:0%}21%{margin-left:0%}25%{margin-left:15px}46%{margin-left:15px}50%{margin-left:30px}71%{margin-left:30px}75%{margin-left:45px}96%{margin-left:45px}}.about-wrapper .about .about-intro{margin-bottom:20px}.about-wrapper .about .about-intro .about-intro-image{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 480px){.about-wrapper .about .about-intro .about-intro-image{width:calc(50% - 30px);float:left;margin-left:20px;left:calc(50% - 30px + 20px);position:relative}}@media only screen and (min-width: 768px){.about-wrapper .about .about-intro .about-intro-image{width:calc(33.3333333333% - 26.6666666667px);float:left;margin-left:20px;left:calc(66.6666666667% - 33.3333333333px + 20px);position:relative}}@media only screen and (min-width: 1260px){.about-wrapper .about .about-intro .about-intro-image{width:calc(33.3333333333% - 37.3333333333px);float:left;margin-left:28px;left:calc(66.6666666667% - 46.6666666667px + 28px);position:relative}}.about-wrapper .about .about-intro .about-intro-description{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 480px){.about-wrapper .about .about-intro .about-intro-description{width:calc(50% - 30px);float:left;margin-left:20px;left:calc(-50% - 10px + 20px);position:relative}}@media only screen and (min-width: 768px){.about-wrapper .about .about-intro .about-intro-description{width:calc(58.3333333333% - 31.6666666667px);float:left;margin-left:20px;left:calc(-33.3333333333% - 13.3333333333px + 20px);position:relative}}@media only screen and (min-width: 1260px){.about-wrapper .about .about-intro .about-intro-description{width:calc(58.3333333333% - 44.3333333333px);float:left;margin-left:28px;left:calc(-33.3333333333% - 18.6666666667px + 28px);position:relative}}.about-wrapper .about .about-attributes .about-tools,.about-wrapper .about .about-attributes .about-skills,.about-wrapper .about .about-attributes .about-education,.about-wrapper .about .about-attributes .about-experience{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 480px){.about-wrapper .about .about-attributes .about-tools,.about-wrapper .about .about-attributes .about-skills,.about-wrapper .about .about-attributes .about-education,.about-wrapper .about .about-attributes .about-experience{width:calc(50% - 30px);float:left;margin-left:20px}}@media only screen and (min-width: 768px){.about-wrapper .about .about-attributes .about-tools,.about-wrapper .about .about-attributes .about-skills,.about-wrapper .about .about-attributes .about-education,.about-wrapper .about .about-attributes .about-experience{width:calc(33.3333333333% - 26.6666666667px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.about-wrapper .about .about-attributes .about-tools,.about-wrapper .about .about-attributes .about-skills,.about-wrapper .about .about-attributes .about-education,.about-wrapper .about .about-attributes .about-experience{width:calc(25% - 35px);float:left;margin-left:28px}}.about-wrapper .about .about-site .about-site-description{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.about-wrapper .about .about-site .about-site-description{width:calc(66.6666666667% - 33.3333333333px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.about-wrapper .about .about-site .about-site-description{width:calc(50% - 42px);float:left;margin-left:28px}}.about-wrapper .about .about-intro-image{margin-bottom:32px}.about-wrapper .about .about-section{border-top:1px solid rgba(255,255,255,0.3);margin-bottom:32px;padding-top:8px}.about-wrapper .about .about-section.about-section-no-title{padding-top:12px}.about-wrapper .about .about-section-title{padding-bottom:8px;margin-bottom:.5rem}.where-ive-been-map{border:0;width:100%}@media only screen and (min-width: 768px){.contact-wrapper .contact{margin-top:5vh}}.contact-wrapper .contact .contact-intro{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.contact-wrapper .contact .contact-intro{width:calc(41.6666666667% - 28.3333333333px);float:left;margin-left:20px}}@media only screen and (min-width: 1260px){.contact-wrapper .contact .contact-intro{width:calc(41.6666666667% - 39.6666666667px);float:left;margin-left:28px}}.contact-wrapper .contact .contact-form{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.contact-wrapper .contact .contact-form{width:calc(50% - 30px);float:left;margin-left:20px;left:calc(8.3333333333% - 21.6666666667px + 20px);position:relative}}@media only screen and (min-width: 1260px){.contact-wrapper .contact .contact-form{width:calc(50% - 42px);float:left;margin-left:28px;left:calc(8.3333333333% - 30.3333333333px + 28px);position:relative}}.contact-wrapper .contact-intro{margin-bottom:20px}.four-o-four-wrapper .four-o-four{width:calc(100% - 56px);float:left;margin-left:28px}@media only screen and (min-width: 768px){.four-o-four-wrapper .four-o-four{width:calc(66.6666666667% - 33.3333333333px);float:left;margin-left:20px;left:calc(16.6666666667% - 23.3333333333px + 20px);position:relative;margin-top:5vh;margin-bottom:8vh}}