*{margin:0;padding:0;box-sizing:border-box}*:focus{outline:none}html{font-size:62.5%;scroll-behavior:smooth}body{font-size:1.8rem}a{text-decoration:none}li{list-style:none}.visible{position:fixed;top:10rem;display:flex !important;flex-direction:column;justify-content:center;align-items:center;left:50%;transform:translateX(-50%);padding:2.5rem;width:89%;margin:0 auto;background-color:#fff;z-index:1000;animation:fadeInUp .5s ease-in-out forwards}.visible li{margin:1.8rem 0}.visible::before{content:"";width:25px;height:25px;background-color:#fff;position:absolute;top:1px;right:-.5px;transform-origin:bottom;transform:translateY(-100%);clip-path:polygon(100% 0, 0% 100%, 100% 100%)}.sticky{width:100%;position:fixed;top:0;left:0;padding:2.5rem;background-color:#19536b;z-index:1000;animation:slideInDown .5s ease-in-out forwards}.header{background-image:url("../images/mobile/image-header.jpg");background-size:cover;background-position:center;display:flex;flex-direction:column;padding:4rem;height:90vh}.header__nav{display:flex;justify-content:space-between;align-items:center}.header__nav-menu{display:none}.header__nav-menu-item{font-family:"Barlow";color:#818498}.header__nav-menu-item-link{color:#23303e}.header__nav-menu-item-link-btn{background-color:#fad400;font-family:"Faurces";font-weight:900;font-size:1.6rem;text-transform:uppercase;padding:1.5rem 2rem;border-radius:3rem}.header__main{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:50vh;margin-top:8rem}.header__main-headline{color:#fff;font-family:"Fraunces";text-align:center;text-justify:distribute;letter-spacing:1rem;font-size:5rem}.service{display:flex;flex-direction:column-reverse}.service-1,.service-2{background-color:#f2f2f2}.service-3{background-image:url("../images/mobile/image-graphic-design.jpg")}.service-3 h2{color:#25564b}.service-3 p{color:#25564b;font-weight:900}.service-4{background-image:url("../images/mobile/image-photography.jpg")}.service-4 h2{color:#19536b}.service-4 p{color:#19536b;font-weight:900}.service-3,.service-4{background-size:cover;background-position:center;padding-top:35rem}.service__description{padding:7rem 2.5rem;text-align:center}.service__description-text{color:#818498;font-family:"Barlow";font-size:1.6rem;line-height:2.5rem;margin:2.5rem 0}.service__description-subheadline{color:#23303e;font-family:"Fraunces";font-weight:900}.service__description-btn{color:#23303e;font-family:"Fraunces";font-weight:900;text-decoration:none;text-transform:uppercase;z-index:10;position:relative}.service__description-btn-red::before{background-color:#fe7867}.service__description-btn-yellow::before{background-color:rgba(250,212,0,0.5)}.service__description-btn::before{content:"";width:110%;height:10px;border-radius:10px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:-1}.testimonials{background-color:#FFFBF8;padding:5rem 2.5rem}.testimonials__headline{font-family:"Fraunces";text-transform:uppercase;color:#abadba;font-size:1.7rem;letter-spacing:.5rem;margin-bottom:5rem;text-align:center}.client{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:8rem 0}.client__pic{width:80px;height:80px;border-radius:50%}.client__quote{font-family:"Barlow";color:#5a636c;text-align:center;margin:3rem 0}.client__info{display:flex;flex-direction:column;justify-content:center;align-items:center}.client__info-name{color:#23303e;font-family:"Fraunces";font-weight:900;font-size:2rem}.client__info-role{color:#a7abae;font-family:"Barlow";font-size:1.6rem;margin-top:.5rem}.projects{display:grid;grid-template-columns:repeat(2, 1fr);line-height:0}.projects img{width:100%}.footer{background-color:#90D4C5;display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:40vh;padding:4rem 2rem}.footer__nav{display:flex}.footer__nav-item{margin:0 2rem}.footer__nav-item-link{color:#34796a;font-family:"Barlow"}.footer__nav-item-link:hover{color:#fff}.footer__socialmedia-icon{margin:0 1rem;cursor:pointer}.footer__socialmedia-icon:hover{filter:grayscale(100%) brightness(10%) contrast(50%) hue-rotate(100deg)}.footer__logo{fill:#458c7e}@keyframes fadeInUp{0%{top:20rem;opacity:0}100%{top:10rem;opacity:1}}@keyframes slideInDown{0%{top:-10rem}100%{top:0rem}}@media (min-width: 1440px){.header{background-image:url("../images/desktop/image-header.jpg")}.header__nav-hamburger{display:none}.header__nav-menu{display:flex}.header__nav-menu-item{margin:0 1.8rem}.header__nav-menu-item-link{color:#fff;position:relative;padding:1rem 0}.header__nav-menu-item-link:before{content:"";width:0%;height:3px;background-color:#fe7867;position:absolute;bottom:0;left:0;transition:.5s all ease-in-out}.header__nav-menu-item-link:hover:before{width:100%}.header__nav-menu-item-link-btn{background-color:#fff;color:#23303e;padding:1.5rem 2rem}.header__nav-menu-item-link-btn::before{display:none}.header__nav-menu-item-link-btn:hover{background-color:rgba(255,255,255,0.3);color:#fff}.services{display:grid;grid-template-columns:repeat(1, 1fr)}.service{display:flex;flex-direction:row}.service-2{flex-direction:row-reverse}.service-3{background-image:url("../images/desktop/image-graphic-design.jpg")}.service-4{background-image:url("../images/desktop/image-photography.jpg")}.service__col{display:grid;grid-template-columns:repeat(2, 1fr)}.service__description{padding:10rem;display:flex;text-align:left;justify-content:center;align-items:flex-start;flex-direction:column}.service__description-subheadline{font-size:4rem;text-justify:distribute}.service__description-text{width:68%}.service__image{width:100%}.service-3 .service__description,.service-4 .service__description{align-items:center;text-align:center}.projects{grid-template-columns:repeat(4, 1fr)}.testimonials{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14rem 4rem}.clients{display:flex;justify-content:center}.client{padding:4rem}.client__quote{line-height:3rem;margin:6rem 0}.client__info-role{margin-top:1.8rem}.client:nth-of-type(2){margin:6rem}}