.hero{display:flex;justify-content:center}.heroContainer{display:flex;margin:0 .2em;width:1100px;.firstHeroSection{width:50%;.heroAdvatiseBoard{background-color:#d9d9d9;border:1px solid #f7404e;padding:10px;margin:140px 0 0;width:450px;.mainCase{margin:5px auto}.mainCase,.supportCase{font-size:20px;text-transform:uppercase;text-align:center;width:400px}.supportCase{color:#0004ff;font-weight:bolder;margin:15px auto 5px}}.heroCallToAction{display:flex;margin-top:100px;margin-bottom:120px;p{color:white;text-transform:uppercase;text-decoration:underline}.actionBtnContainer{margin:auto;.heroCalltoActionBtn{color:white;background-color:#f7404e;border:1px solid white;border-radius:5px;font-size:14px;padding:8px 20px;text-decoration:none;text-transform:uppercase}}}}.secondHeroSection{background-image:url(/backgroundShoes.svg);background-repeat:no-repeat;background-position:50%;width:50%;.heroTitleContainer{text-align:center;h1{background-color:rgba(0,0,0,.6);border:1px solid #5eefff;color:white;display:flex;flex-direction:column;font-size:65px;text-decoration:underline;text-transform:uppercase;padding:30px 0;margin:200px auto}}}}@media only screen and (max-width:1050px){.heroContainer{width:100%;.firstHeroSection{width:50%;.heroAdvatiseBoard{padding:10px;margin:120px 0 0;width:350px;.mainCase{margin:5px auto}.mainCase,.supportCase{font-size:18px;width:330px}}.heroCallToAction{margin-top:80px;margin-bottom:100px;p{font-size:13px;padding:0;margin:10px 0}.actionBtnContainer{margin:auto 15px;.heroCalltoActionBtn{font-size:11px;padding:6px 10px;margin:0}}}}.secondHeroSection{background-size:70%;.heroTitleContainer{h1{font-size:50px;padding:20px 0;margin:150px auto}}}}}@media only screen and (max-width:820px){.heroContainer{.firstHeroSection{.heroAdvatiseBoard{padding:10px 5px;margin:110px 0 0;width:300px;.mainCase{margin:5px auto}.mainCase,.supportCase{font-size:16px;width:270px}}.heroCallToAction{p{font-size:12px}.actionBtnContainer{margin:auto 8px;.heroCalltoActionBtn{font-size:10px;padding:6px 10px;margin:0}}}}.secondHeroSection{background-size:70%;.heroTitleContainer{h1{font-size:42px;padding:20px 0;margin:150px auto}}}}}@media only screen and (max-width:732px){.heroContainer{display:block;.firstHeroSection{width:100%;.heroAdvatiseBoard{margin:70px auto 0;width:450px;.mainCase{margin:5px auto}.mainCase,.supportCase{font-size:22px;width:380px}}.heroCallToAction{margin-top:40px;margin-bottom:30px;justify-content:center;p{font-size:13px;margin:auto 5px}.actionBtnContainer{margin:auto 0;.heroCalltoActionBtn{font-size:13px;padding:8px 15px;margin:auto 5px}}}}.secondHeroSection{background-size:70%;display:flex;justify-content:center;margin-top:30px;width:100%;.heroTitleContainer{display:flex;height:400px;margin:0;width:90%;h1{font-size:55px;padding:20px 0;margin:auto;width:500px}}}}}@media only screen and (max-width:510px){.heroContainer{.firstHeroSection{.heroAdvatiseBoard{margin:50px auto 0;width:320px;.mainCase{margin:5px auto}.mainCase,.supportCase{font-size:17px;width:290px}}.heroCallToAction{flex-direction:column;p{font-size:15px;margin:10px auto}.actionBtnContainer{margin:10px auto;.heroCalltoActionBtn{font-size:15px;padding:5px 12px}}}}.secondHeroSection{background-size:80%;margin:30px 0 0;width:100%;.heroTitleContainer{display:flex;height:400px;margin:0;width:100%;h1{font-size:45px;padding:20px 0;margin:auto 0;width:100%;span{margin:7px 0}}}}}}.aboutContainer{display:flex;justify-content:center;.about{margin:30px 2em;width:1030px;.aboutTitle{font-size:50px;text-decoration:underline;margin-bottom:0}h2{font-size:22px;font-weight:lighter;margin-top:30px;line-height:40px;span{color:white;margin-right:6px}}.learnMoreLink{display:flex;p{color:#c2c7ff;font-weight:800;text-decoration:underline}button,p{font-size:18px;text-transform:uppercase}button{background-color:#0010bf;border:2px solid white;color:white;font-weight:500;padding:5px 20px;margin:auto 20px}}}}@media only screen and (max-width:710px){.aboutContainer{.about{margin:10px 1em;width:100%;.aboutTitle{font-size:50px}.aboutTitle,h2{text-align:center}h2{font-size:21px;margin-top:30px}.learnMoreLink{justify-content:center;button,p{font-size:14px}button{padding:5px 15px;margin:auto 10px}}}}}@media only screen and (max-width:520px){.aboutContainer{.about{margin:10px 1em;width:100%;.aboutTitle{font-size:40px}h2{font-size:18px;margin-top:30px;line-height:35px;text-align:center}.learnMoreLink{flex-direction:column;justify-content:center;p{text-align:center;font-size:16px}button{font-size:14px;padding:5px 15px;margin:auto}}}}}.ourServiceContainer{display:flex;justify-content:center;.ourService{background-color:rgba(44,159,201,.65);border:2px solid white;padding:2em;margin:1.5em 0;width:1100px;h2{font-size:40px;text-decoration:underline;text-transform:uppercase;font-weight:400}p{font-size:20px;font-weight:200;line-height:1.5em}}}@media only screen and (max-width:600px){.ourServiceContainer{.ourService{padding:1em;margin:1em 0;width:100%;h2{font-size:30px}p{font-size:19px}}}}