*{margin:0;padding:0;box-sizing:border-box}body{background:#EFEFEF;overflow-x:hidden;font-family:'Quicksand',sans-serif}header{background:rgb(48,45,243);color:#fff;font-size:1.2rem}nav{width:80vw;margin:auto}.main{width:80vw;margin:auto}article{width:80vw;margin:auto}.heading{font-size:3.5rem}.txt{font-size:1.3rem}h2{display:inline;text-shadow:rgba(0,0,0,.226) 2px 2px 2px;font-size:2.3rem}section{display:grid;grid-template-columns:repeat(4,1fr)}.card{background-color:whitesmoke}.card-img{height:300px}.modal-body{display:grid;grid-template-columns:1fr 2fr;grid-gap:3%}.prod-title{font-size:1.2rem}.modal-desc{display:block;font-size:1em}footer{background:rgb(48,45,243);color:#fff}.copy{font-size:1rem}.social-media{font-size:2rem}@media screen and (max-width:1480px){.heading{font-size:3.3rem}section{display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1200px){.heading{font-size:3rem}h2{font-size:2rem}section{display:grid;grid-template-columns:repeat(2,1fr)}.card-img{height:270px}.modal-body{display:grid;grid-template-columns:1fr 1fr}.modal-txt{font-size:1.3rem;font-weight:700;margin-bottom:1rem}.modal-list{font-size:1em}.modal-desc{display:none}}@media (max-width:1250px){.social-media{font-size:1.5rem}}@media screen and (max-width:1000px){.modal-body{display:grid;grid-template-columns:1fr;margin:auto}.modal-txt{font-size:1rem;margin-bottom:1rem}.modal-bar{font-size:1rem}.modal-list{font-size:.8em}}@media screen and (max-width:700px){.heading{font-size:2.5rem}h2{font-size:1.7rem}.txt{font-size:1.2rem}.prod-title{font-size:1.1rem;font-weight:700}section{display:grid;grid-template-columns:1fr}.card-img{height:250px}footer{top:22vh}}@media screen and (max-width:550px){header{font-size:1rem}.heading{font-size:2.3rem}.txt{font-size:1rem}.prod-title{font-size:1rem}.main{width:90vw;margin:auto}article{width:90vw;margin:auto}section{display:grid;grid-template-columns:1fr}.card-img{height:250px}.social-media{font-size:1.3rem}}@media screen and (max-width:350px){.heading{font-size:2rem}h2{font-size:1.5rem}.prod-title{font-size:1rem}section{display:grid;grid-template-columns:1fr}.card-img{height:200px}.social-media{font-size:1.3rem}.copy{font-size:.9rem}}