div.overlay,h1,h3 { text-align: center } html { box-sizing: border-box } *,:after,:before { box-sizing: inherit; } * { font-family: Roboto } li { list-style-type: none; } .fashionProject { background: url(../main/images/fashion2.png) } .quoteProject { background: url(../main/images/quote.png) } .instagramProject { background: url(../main/images/kantegram.png) } .pokemonProject { background: url(../main/images/pokemon.png) } .weatherProject { background: url(../main/images/weather.png) } .rickOwens { background: url(../main/images/rick.png) } .kanteCloud { background: url(../main/images/kantecloud2.png) } .armoire { background: url(../main/images/armoire1.png) } .linkGA { background: url(../main/images/linkga/ipad.png); background-size: 80% !important } .musicVisual { background: url(../main/images/visual/music%20visual.png) } .dada { background: url(../main/images/dada/dada.png); background-position-y: 0% !important; background-size: 95% !important; } .streetwearBoutiques { background: url(../main/images/boutiques/sboutiques.png); background-size: 150% !important; } div.overlay{position:absolute;top:0;background-color:rgba(0,0,0,.2);z-index:1;width:100%;height:100%}.projectText p{font-size:2vh;font-weight:100}.projectText h4{font-size:2vh}@media (max-width:450px){.caption,.subItems{display:inline-block}.projectHeader{font-weight:100;line-height:110%;font-size:50px}.imgTitle{border-top:1px solid #4c4a4a;padding-top:1em;margin-bottom:1em;font-weight:100}.subItems{margin-left:-3em}.pageContents{margin-top:5em;position:absolute}.projectText{width:85%;margin-left:2em;text-align:justify;line-height:170%;font-weight:100}.projectNav{float:left;margin-left:0}.projectInfo{float:right;margin-left:0}.ProjectGallery{position:relative;float:left;margin-left:2em;margin-right:2em}.portfolioImgGallery{width:100%;height:100%;margin-bottom:2.5em}.portfolioImg{top:0;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute}.caption,.item,.skillItem,div#portfolioGrid{position:relative}.caption{vertical-align:text-bottom;text-transform:uppercase;font-weight:700;color:#fff;font-size:4.5vw;letter-spacing:3px;text-align:center;width:100%;height:100%;margin-top:-1%;text-decoration:none;text-shadow:0 0 10px #000}.portfolioImg{width:100%;height:15em}.portfolioFlex{flex-flow:row wrap;justify-content:space-around}div#portfolioGrid{z-index:2;padding:0 0 30rem;width:auto;max-width:100%;float:none;display:block;margin-right:auto;margin-left:auto}.item{margin:10px 5px .8%;width:100%;height:15em;overflow:hidden;line-height:15em;left:-1.8em}h1.aboutHeader{font-size:4rem;line-height:110%;font-weight:100}.aboutText p{font-size:1.6rem;margin-right:-2em;line-height:160%;font-weight:100;text-align:justify}.aboutFlex{margin-top:4em;display:flex;justify-content:center;margin-left:1.5em;margin-right:4em}ul.footerLinks{display:flex;justify-content:space-between;font-size:2em;margin-left:-1em}.skillsFlex{display:flex;JUSTIFY-CONTENT:flex-start;flex-flow:row wrap;margin-bottom:1em;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}.skillItem{display:inline-block;width:8em}.skillItem img{display:inline-block;width:100%}}@media (min-width:451px) and (max-width:600px){.caption,.subItems{display:inline-block}.projectHeader{font-weight:100;line-height:110%;font-size:50px}.imgTitle{border-top:1px solid #4c4a4a;padding-top:1em;margin-bottom:1em;font-weight:100}.subItems{margin-left:-3em}.pageContents{margin-top:5em;position:absolute}.projectText{margin-left:4em;text-align:justify;line-height:170%;font-weight:100;width:80%}.projectNav{float:left;margin-left:0}.projectInfo{float:right;margin-left:0}.ProjectGallery{position:relative;margin-left:4em;margin-right:4em}.portfolioImgGallery{width:100%;height:100%;margin-bottom:2.5em}.portfolioImg{top:0;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute}.caption,.item,.skillItem,div#portfolioGrid{position:relative}.caption{vertical-align:text-bottom;text-transform:uppercase;font-weight:700;color:#fff;font-size:1.5rem;letter-spacing:3px;text-align:center;width:100%;height:100%;margin-top:-1%;text-decoration:none}.portfolioImg{width:100%;height:15em}.portfolioFlex{padding-left:1em;padding-right:1em}div#portfolioGrid{z-index:2;padding:0 0 30rem;width:auto;max-width:100%;float:none;display:block;margin-right:auto;margin-left:auto}.item{margin:10px 0;width:100%;height:15em;overflow:hidden;line-height:15em}h1.aboutHeader{font-size:4rem;line-height:110%;font-weight:100}.aboutText p{font-size:1.6rem;text-align:left;margin-right:-2em;line-height:160%;font-weight:100}.aboutFlex{margin-top:4em;display:flex;justify-content:center;margin-left:1.5em;margin-right:4em}ul.footerLinks{display:flex;justify-content:space-between;font-size:2em;margin-left:-1em}.skillsFlex{display:flex;JUSTIFY-CONTENT:flex-start;flex-flow:row wrap;margin-bottom:1em;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}.skillItem{display:inline-block;width:8em}.skillItem img{display:inline-block;width:100%}}@media (min-width:601px) and (max-width:1023px){.projectHeader{font-weight:100;line-height:110%;font-size:50px}.imgTitle{border-top:1px solid #4c4a4a;padding-top:1em;margin-bottom:1em;font-weight:100}.subItems{margin-left:-3em;display:inline-block}.pageContents{margin-top:5em;position:absolute;margin-left:0;margin-right:2em}.projectText{position:relative;width:80%;margin-left:6em;text-align:justify;line-height:170%;font-weight:100}.projectNav{float:left;margin-left:0}.projectInfo{float:right}.ProjectGallery{position:relative;margin-left:5em;margin-right:5em}.portfolioImgGallery{width:100%;height:100%;margin-bottom:2.5em}.portfolioImg{top:0;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;width:100%;height:100%}.caption,.item,.skillItem,div#portfolioGrid{position:relative}.portfolioFlex{display:flex;flex-flow:row wrap;justify-content:space-between;width:100%;padding:0 3em}div#portfolioGrid{z-index:2;padding:0 0 30rem;width:auto;max-width:100%;float:none;display:block;margin-right:auto;margin-left:auto}.item{width:53.6%;height:15em;overflow:hidden;line-height:150px;margin:10px -2em .8%}.caption{display:inline-block;vertical-align:text-bottom;text-transform:uppercase;font-weight:800;color:#fff;font-size:2.5rem;letter-spacing:3px;text-align:center;width:100%;height:100%;top:1em;text-decoration:none}h1.aboutHeader{font-size:50px;line-height:110%;font-weight:100}.aboutText p{font-size:1.9rem;text-align:justify;margin-right:-1em;font-weight:100;line-height:170%}.aboutFlex{margin-top:5em;display:flex;justify-content:center;margin-left:4em;margin-right:4em}ul.footerLinks{display:flex;justify-content:space-between;font-size:3em}.skillsFlex{display:flex;JUSTIFY-CONTENT:center;flex-flow:row wrap;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding-bottom:1em}.skillItem{display:inline-block;width:13em;margin:1em}.skillItem img{display:inline-block;width:100%}}@media (min-width:1024px){.caption,.subItems{display:inline-block}.caption,.portfolioImg,.portfolioImgGallery{height:100%;width:100%}.projectHeader{font-weight:100;line-height:110%;font-size:5vh}.imgTitle{border-top:1px solid #4c4a4a;padding-top:1em;margin-bottom:1em;font-weight:100;font-size:2vh}.subItems{font-size:1vw;font-weight:100;display:flex;flex-flow:row nowrap;margin-top:.5em}.pageContents{margin-top:5vh;display:flex;justify-content:center;flex-flow:row nowrap}.projectText{width:32.8vw;text-align:justify}.projectInfo,.projectNav ul li{list-style-type:none}.ProjectGallery{width:40vw;margin-left:5em;margin-top:4em}.portfolioImgGallery{margin-bottom:2.5em}.portfolioImg{top:0;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;transition:all 1.5s ease}.caption,.item,.skillItem,div#portfolioGrid{position:relative}.caption{vertical-align:text-bottom;text-transform:uppercase;font-weight:800;color:#fff;font-size: 2vw;letter-spacing:3px;text-align:center;top: 42%;text-decoration:none;text-shadow:0 0 15px #000;}.portfolioFlex{display:flex;flex-flow:row wrap;justify-content:space-between}div#portfolioGrid{z-index:2;padding:0 0 30rem;width:100%;max-width:100%;float:none;display:inline-flex;margin-right:auto;margin-left:auto}.item{text-align:inherit;width:32.8%;overflow:hidden;height:23vw;margin:10px 1em .8% -2em}.item .portfolioImg:hover{transform:scale(1.1,1.1);transition:transform 1.5s cubic-bezier(.215,.61,.355,1);overflow:hidden}h1.aboutHeader{font-size:75px;line-height:110%;font-weight:100}.aboutText{width:70%}.aboutText p{font-size:1.9rem;text-align:justify;margin-right:-2em;line-height:170%;font-weight:100}.aboutFlex{margin-top:5em;display:flex;justify-content:center;margin-left:5em;margin-right:5em}ul.footerLinks{display:flex;justify-content:space-between;font-size:3em;margin-left:1em;margin-right:2em}.skillsFlex{display:flex;flex-flow:row wrap;justify-content:center;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding-bottom:1em}.skillItem{display:inline-block;width:10em}.skillItem img{display:inline-block;width:100%}}.thumbnail:active,.thumbnail:focus,.thumbnail:hover{transform:translateY(-15px);transition:all .75s ease}footer{text-align:center}img.portfolioImgGallery.mobileDevice{width: 50%;height:auto;display:flex;margin:0 auto;}