@media screen and (max-width:1024px){nav{display:none}.smol-nav{display:grid}#socs{margin-left:20px}.show-2{grid-area:show-2;width:100%}.template-gallery{grid-template-columns:auto;column-gap:0;row-gap:20px}.gal-img{display:grid;height:auto;width:90%;padding:10px 10px 0 10px;border-radius:10px}}@media screen and (max-width:728px){body{overflow-x:hidden}main{justify-content:left}.con-main{width:100vw}#bio{grid-template-areas:'ico' 'ico' 'bio-title' 'bio-desc' 'bio-desc';max-width:none}#bio_title{height:60px;align-items:bottom;grid-area:bio-title}#bio_desc{max-width:400px;grid-row:2;height:100px;grid-area:bio-desc;align-items:bottom}#bio_img_con{width:160px;height:160px;justify-self:left;margin-bottom:40px}#skills{grid-template-areas:'title' 'brick-1' 'brick-2' 'brick-3';max-width:none}.template{grid-template-areas:'title' 'brick-1' 'brick-2' 'brick-3';max-width:none}.brick-1,.brick-2,.brick-3{max-width:none}.template-exp{grid-template-areas:'title title' 'exp-1 exp-1' 'show-1 show-1' 'capt-1 capt-1' 'show-2 show-2' 'capt-2 capt-2' 'show-3 show-3' 'capt-3 capt-3';column-gap:10px}.exp-1{max-width:400px}.exp-1 p{font-size:18px;text-align:left;line-height:28px}.show-1 iframe,.show-1 img,.show-1 video,.show-2 iframe,.show-2 img,.show-2 video,.show-3 iframe,.show-3 img,.show-3 video{margin:20px 0 0 0;padding:0;width:100%}.module h1,.title h1{font-size:48px}.capt-1 p,.capt-2 p,.capt-3 p{margin-bottom:10px;font-size:14px;font-style:italic;max-width:400px}.show-2,.show-3{width:95%}}@media screen and (max-width:568px){.content{top:95px;overflow-y:scroll}header .home{top:28px;left:36px}.offset{top:32px!important;left:40px!important}.home h1,.skills h1{font-size:48px}.skills{display:none}.module #bio_img{float:left;margin:20px 10px 20px 3px;border:2px solid #fff}.module .show-1 img{width:100%!important}.module p{clear:both}.module h1{font-size:32px;line-height:36px}.module h2{font-size:24px;line-height:28px}.module li{font-size:16px;line-height:20px;padding:0}.exp-1 p{font-size:14px;text-align:left;line-height:25px}}@media screen and (max-height:768px){header .home{display:none}}