.demo{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 0 10px #ccc;border-radius:10px;background:#f9f9f9}.demo .demo_image{height:300px;background-size:100%!important;transition:4s ease-in-out;background-position:top!important;background-repeat:no-repeat!important}.demo.new{margin-top:3rem}.demo.new span{position:absolute;top:-21px;right:-64px;width:189px;text-transform:uppercase;background-color:#df2c34;color:#fff;padding:3rem 1rem 1rem;text-align:center;transform:rotate(45deg)}.demo:hover .demo_image{background-position:bottom!important}.demo h3{margin:1rem 0 0;color:#333}.demo p{color:#333}.top-head{margin-top:7em}.heading-on-video{font-size:58px;margin-left:1em;margin-top:4em;position:absolute;color:#fff}.portfolio-video{height:40em;width:97em;margin-top:109px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-left:6em;margin-right:6em;grid-column-gap:20px;grid-row-gap:20px;margin-top:2em;margin-bottom:2%}.img-desc{width:31em;padding:5%}.text-disp{text-align:justify}.content{border-style:solid;border-color:#000;border-width:4px;border-radius:3%}.img-desc:hover{box-shadow:0 10px 10px 2px rgba(0,0,0,.08);transition:box-shadow .3s ease-in-out;padding:0}.video{display:inline-block;vertical-align:baseline}@media only screen and (min-width:0px) and (max-width:320px){.portfolio-grid{display:grid;grid-template-columns:repeat(1,1fr);margin-left:2em;text-align:justify}.content:hover{box-shadow:0 10px 10px 2px rgba(0,0,0,.08);transition:box-shadow .3s ease-in-out;padding-left:10px;padding-right:10px;padding-top:15px;padding-bottom:15px}.heading-on-video{font-size:21px}.typewriter{display:none}}@media only screen and (min-width:321px) and (max-width:600px){.portfolio-grid{display:grid;grid-template-columns:repeat(1,1fr);margin-left:2em;text-align:justify}.content:hover{box-shadow:0 10px 10px 2px rgba(0,0,0,.08);transition:box-shadow .3s ease-in-out;padding-left:10px;padding-right:10px;padding-top:15px;padding-bottom:15px}.heading-on-video{font-size:29px}.typewriter{display:none}}@media only screen and (min-width:601px) and (max-width:700px){.portfolio-grid{display:grid;grid-template-columns:repeat(1,1fr);margin-left:2em;text-align:justify}.content:hover{box-shadow:0 10px 10px 2px rgba(0,0,0,.08);transition:box-shadow .3s ease-in-out;padding-left:10px;padding-right:10px;padding-top:15px;padding-bottom:15px}.typewriter{display:none}}@media only screen and (min-width:701px) and (max-width:950px){.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-left:2em;text-align:justify;grid-column-gap:4em}.content:hover{box-shadow:0 10px 10px 2px rgba(0,0,0,.08);transition:box-shadow .3s ease-in-out;padding-left:10px;padding-right:10px;padding-top:15px;padding-bottom:15px}.heading-on-video{font-size:48px}.typewriter{display:none}}@media only screen and (min-width:951px) and (max-width:1024px){.typewriter{display:none}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-left:1em;margin-right:6em;grid-column-gap:20px;grid-row-gap:20px;margin-top:2em}}.typewriter{margin-top:21em;position:absolute;margin-left:4em;color:#fff}.typewriter h2{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 8.5s steps(50,end),blink-caret .75s step-end;color:#fff}@keyframes typing{from{width:0%}to{width:100%}}.about{margin-top:9em;margin-right:4em;margin-left:4em}