/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.menu-btn{position:absolute;z-index:3;top:40px;right:40px;cursor:pointer;transition:all .5s ease-out}.menu-btn .btn-line{width:28px;height:3px;margin:5px 0;background:#fff;transition:all .5s ease-out}.menu-btn.close{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-btn.close .btn-line:first-child{-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}.menu-btn.close .btn-line:nth-child(2){opacity:0}.menu-btn.close .btn-line:nth-child(3){-webkit-transform:rotate(-45deg) translate(7px,-6px);transform:rotate(-45deg) translate(7px,-6px)}.menu{position:fixed;top:0;width:100%;visibility:hidden}.menu.show{visibility:visible}.menu-branding,.menu-nav{display:flex;flex-flow:column wrap;align-items:center;justify-content:center;width:50%;float:left;height:100vh;overflow:hidden}.menu-nav{background:rgba(55,55,55,.9);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);transition:all .5s ease-out}.menu-nav.show{-webkit-transform:translateZ(0);transform:translateZ(0)}.menu-branding{background:rgba(68,68,68,.9);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition:all .5s ease-out}.menu-branding.show{-webkit-transform:translateZ(0);transform:translateZ(0)}.menu-branding .portrait{border-radius:50%;border:3px solid #eece1a}.menu-branding .portrait-image{height:250px;width:250px;background:url(../img/portrait_small.jpg) no-repeat;border-radius:50%;background-size:cover;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.menu .nav-item{-webkit-transform:translate3d(600px,0,0);transform:translate3d(600px,0,0);transition:all .5s ease-out}.menu .nav-item.show{-webkit-transform:translateZ(0);transform:translateZ(0)}.menu .nav-item.current>a{color:#eece1a}.menu .nav-link{display:inline-block;position:relative;font-size:2rem;text-transform:uppercase;line-height:4rem;transition:all .5s ease-out}.menu .nav-link:hover{color:#eece1a}.nav-item:first-child{transition-delay:.1s}.nav-item:nth-child(2){transition-delay:.2s}.nav-item:nth-child(3){transition-delay:.3s}.nav-item:nth-child(4){transition-delay:.4s}*{box-sizing:border-box}body{background-color:#444;color:#fff;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}body#bg-img{background:url(../img/background.jpg);background-attachment:fixed;background-size:cover}body#bg-img:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;z-index:-1;background:rgba(68,68,68,.7)}h1,h2,h3{font-weight:400}h1.lg-heading,h2.lg-heading,h3.lg-heading{font-size:6rem}h1.sm-heading,h2.sm-heading,h3.sm-heading{margin-bottom:2rem;padding:.2rem 1rem;background:rgba(73,73,73,.6);font-size:1.5rem}h3{text-transform:uppercase}a{color:#fff;text-decoration:none}header{position:fixed;z-index:2;width:100%}.text-secondary{color:#eece1a}main{padding:4rem 4rem 0;min-height:calc(100vh - 60px);height:100%}main .icons li{display:inline-block}main .icons li a{padding:.4rem}main .icons li a:hover{color:#eece1a;transition:all .5s ease-out}main#home{overflow:hidden}main#home h1{margin-top:20vh}.about-info{display:grid;grid-gap:30px;grid-template-areas:"a b b" "c c c" "d d d";grid-template-columns:repeat(3,1fr)}.about-info .bio-image{grid-area:a;margin:auto;border-radius:50%;border:3px solid #eece1a}.about-info .bio-image .portrait{height:20vh;width:20vh;background:url(../img/portrait_small.jpg) no-repeat;background-size:cover;border-radius:50%;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.about-info .bio{grid-area:b;font-size:1.5rem}.about-info .job-list{grid-area:c;display:grid;grid-gap:30px;grid-template-areas:"e f f g";grid-template-columns:repeat(4,1fr)}.about-info .job-1{grid-area:e}.about-info .job-2{grid-area:f}.about-info .job-3{grid-area:g}.about-info .job{padding:.5rem;background:rgba(81,81,81,.9);border-bottom:5px solid #eece1a}.about-info .download-button{grid-area:d;margin:auto;height:auto;width:auto;padding:1rem 3rem;color:#fff;background:#eece1a;border:0;border-radius:10px;outline:none;font-size:2rem;cursor:pointer}.about-info .download-button:hover{background:#f1d640;transition:all .5s ease-out}.popup{position:fixed;top:50%;left:calc(50% - 200px);text-align:center;visibility:hidden}.popup.show{visibility:visible}.projects{display:grid;grid-gap:.7rem;grid-template-columns:repeat(3,1fr)}.projects a{display:block}.projects img{position:relative;width:100%;border:3px solid #fff}.projects img:hover{opacity:.5;border-color:#eece1a;transition:all .5s ease-out;cursor:zoom-in}.projects .bg-sample{position:absolute;transition:all .5s ease-out}.projects .bg-sample:hover img{opacity:1;cursor:zoom-out}.projects .hide{display:none}.boxes{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.boxes div{font-size:2rem;border:3px solid #fff;padding:1.5rem 2.5rem;margin-bottom:3rem;transition:all .5s ease-out}.boxes div:hover{padding:.5rem 1.5rem;background:#eece1a;color:#000;cursor:default}.boxes div:hover span{color:#000}.btn,.btn-dark,.btn-light{display:block;padding:.5rem 1rem;border:none;margin-bottom:.3rem}.btn-dark:hover,.btn-light:hover,.btn:hover{background:#eece1a;color:#000}.btn-dark{background:#000;color:#fff}.btn-light{background:#c4c4c4;color:#333}#main-footer{text-align:center;padding:1rem;height:60px;background:rgba(43,43,43,.7);color:#fff}@media screen and (min-width:1171px){.projects{grid-template-columns:repeat(4,1fr)}.projects .bg-sample{width:70vw;top:calc(50% - 35vh);left:calc(50% - 35vw)}}@media screen and (min-width:769px) and (max-width:1170px){.projects{grid-template-columns:repeat(3,1fr)}.projects .bg-sample{width:70vw;top:calc(50% - 35vh);left:calc(50% - 35vw)}}@media screen and (max-width:768px){main{align-items:center;text-align:center;height:100%}main .lg-heading{line-height:1;margin-bottom:1rem}div.menu-branding,ul.menu-nav{float:none;width:100%}.menu-branding{height:25vh;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.menu-branding .portrait-image{height:15vh;width:15vh}.menu-nav{height:75vh;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.about-info{grid-template-areas:"a" "b" "c" "d";grid-template-columns:1fr}.about-info .job-list{grid-template-areas:"e" "f" "g";grid-template-columns:1fr}.projects{grid-template-columns:repeat(2,1fr)}.projects .bg-sample{width:90vw;top:36vh;left:calc(50% - 45vw)}}@media screen and (max-width:500px){main#home h1{margin-top:10vh;font-size:14vw}main#about,main#contact,main#work{height:100%}main#about:after,main#contact:after,main#work:after{display:none}main#about h1,main#contact h1,main#work h1{font-size:14vw}.projects{grid-template-columns:1fr}.projects .bg-sample{width:100vw;left:0}.boxes div{font-size:1.5rem}}