@import "header.min.css";@import "footer.min.css";body{background-color:black}main{width:100%}.first__section{background-color:var(--black-background);height:90vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.first__section__title{color:var(--light-gold);font-size:40px;letter-spacing:2px;text-align:center;text-transform:uppercase;height:20vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;margin-top:9vh}.first__section__text{color:var(--light-gold);font-size:32px;text-align:center;letter-spacing:2px;text-shadow:3px 3px 5px var(--dark-gold);height:40vh;width:75%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;margin-bottom:10vh}.first__section__text span{font-weight:bold;font-size:36px;margin:-40px 0 50px 0;width:100%;text-align:center}.second__section{background-color:var(--medium-gold);height:80vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.section__title{position:relative;top:-30px;font-size:40px;letter-spacing:2px;text-transform:uppercase;height:20vh;width:100%;display:flex;justify-content:center;align-items:center}.section__content{display:flex;flex-direction:row;justify-content:space-around;height:50vh}.section__content__img{width:40%;height:90%;max-width:612px;border-radius:25px;margin:auto;object-fit:cover}.section__content__text span{font-weight:bold;font-size:32px;margin:0 0 20px 0;width:100%;text-align:center}.section__content__text{padding:10px 20px;font-size:28px;width:60%;display:flex;flex-direction:column;text-align:center}.third__section{background-color:var(--black-background);color:var(--light-gold);height:80vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.fourth__section{background-color:var(--medium-gold);height:80vh;display:flex;flex-direction:column;justify-content:space-around;align-items:center}@media screen and (min-width:768px) and (max-width:1024px){.first__section{height:100vh}.first__section__text{height:50vh}.second__section{height:80vh}.section__title{top:0}.section__content{height:75vh}.seo{position:relative;&::before{content:"";background-image:url("../images/tablet/seo_google_768x1024.jpg");background-size:cover;background-position:center;position:absolute;top:0;left:0;bottom:0;right:0;opacity:.3;z-index:0;border-radius:25px}}.performance{position:relative;&::before{content:"";background-image:url("../images/tablet/perf_768x1024.jpg");background-size:cover;background-position:center;position:absolute;top:0;left:0;bottom:0;right:0;opacity:.3;z-index:0;border-radius:25px}}.responsive{position:relative;&::before{content:"";background-image:url("../images/tablet/responsive_775x1024.jpg");background-size:cover;background-position:center;position:absolute;top:0;left:0;bottom:0;right:0;opacity:.3;z-index:0;border-radius:25px}}.section__content__img{display:none}.section__content__text{width:100%;margin:auto;height:50vh}}@media screen and (max-width:768px){.first__section{height:100vh}.first__section__title{font-size:30px;margin-top:11vh;width:95%}.first__section__text{height:50vh;font-size:22px;padding:0;width:95%;margin:8vh auto 15vh auto}.first__section__text span{font-size:26px;width:100%;margin-top:4vh;margin-bottom:20px}.second__section{height:auto}.section__title{font-size:30px;top:0;height:15vh}.section__content{height:auto}.section__content__img{display:none}.section__content__text{font-size:22px;width:100%;margin-bottom:2vh}.section__content__text span{font-size:26px}.seo{position:relative;&::before{content:"";background-image:url("../images/mobile/seo_google_360x480.jpg");background-size:cover;background-position:center;position:absolute;top:0;left:0;bottom:0;right:0;opacity:.3;z-index:0;border-radius:25px}}.performance{position:relative;&::before{content:"";background-image:url("../images/mobile/perf_360x480.jpg");background-size:cover;background-position:center;position:absolute;top:0;left:0;bottom:0;right:0;opacity:.3;z-index:0;border-radius:25px}}.responsive{position:relative;&::before{content:"";background-image:url("../images/mobile/responsive_363x480.jpg");background-size:cover;background-position:center;position:absolute;top:0;left:0;bottom:0;right:0;opacity:.3;z-index:0;border-radius:25px}}.third__section{height:auto}.fourth__section{height:auto}}