*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}h1{text-transform:uppercase;font-family:Unna,serif;font-size:3rem;font-weight:300}h2{letter-spacing:.72px;text-transform:uppercase;color:#fff;font-family:Unna,serif;font-size:1.5rem;font-weight:300}h3{letter-spacing:.54px;text-transform:uppercase;color:#fff;font-family:Unna,serif;font-size:1.1rem;font-weight:300}h4{color:#b2b2b2;text-align:center;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:300}p{letter-spacing:0;color:#7c7c7c;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:300;line-height:28px}.container{width:100%;max-width:100vw}.logo-container{flex-direction:column;justify-content:center;align-items:center;padding:51px 130px 0;display:flex}.logo{justify-content:center;align-items:center;display:flex}.logo img{width:100%;height:100%}.image-container{width:100%;display:flex}.image-container img{object-fit:cover;width:100%;height:100%}.inner-container{justify-content:center;align-items:center;width:100%;padding:120px 0;display:flex}.info-component{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:820px;display:flex}.info-component h4{letter-spacing:3.2px;color:#e59d81;text-transform:uppercase;margin-bottom:35px;font-size:16px;font-weight:700}.info-component p{text-align:center;letter-spacing:0;color:#0a0802;font-family:Open Sans,sans-serif;font-size:24px}.contribution{background-color:#212124;padding:45px 130px}.contribution h4{text-align:left;letter-spacing:3.2px;color:#fff;font-family:Open Sans,sans-serif;font-size:16px;font-weight:700;line-height:23px}.contribution p{color:#7c7c7c;margin-top:12px;font-family:Open Sans,sans-serif;font-size:16px;font-style:italic;line-height:23px}.imac-mockup-container{background:#212124;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.imac-mockup-container_video{width:100%;height:100%;position:absolute;top:45px;right:0}.intro_client{margin-left:30%}.st0{fill:none;stroke-miterlimit:10}@media screen and (max-width:1440px){.intro_client{margin:0 0 0 20%}}@media screen and (max-width:768px){.contribution{padding:30px 20px}}@media screen and (max-width:375px){html{font-size:16px}.logo{width:100%}.logo-container{flex-direction:column;justify-content:center;align-items:center;padding:0 10px;display:flex}.logo img{width:60%;height:60%}h1{font-size:2.5rem}.inner-container{padding:20px 5px}.info-component h4{margin-bottom:10px}}
