html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;background-color:#fff}a{text-decoration:none;color:#303030}.info{background-color:#303030;color:#cecece;font-weight:bolder;padding:10px;border-radius:20px}#nav-button{color:#cecece;background-color:#303030;border:none;border-radius:5px;padding:7px;font-weight:bolder}#nav-button:hover{cursor:pointer;background-color:#fff;color:#303030}#navbar{display:flex;justify-content:space-between;align-items:center;color:#303030;background-color:#cecece;width:100%}#links{display:flex;justify-content:space-between;align-items:center;width:40%;margin:10px 30px 10px 10px}.menu{display:none}.hover-underline-animation{display:inline-block;position:relative}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:#303030;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}#navbar img{width:60px;margin:10px}.hamburger{display:none;font-size:24px;background:none;border:none;cursor:pointer;color:#303030}#home{color:#cecece;background-color:#303030;display:flex}#home-info{margin:15%}#home img{margin:0;width:40%;height:100vh}#home h1{margin:0}#home-button{color:#303030;background-color:#cecece;border:none;border-radius:5px;padding:7px;font-weight:700}#home-button:hover{cursor:pointer;background-color:#cecece50;color:#cecece}#about{color:#303030;background-color:#fff;display:flex}#portret{width:50%}#portret img{width:50%;margin-top:20%;margin-bottom:20%;margin-left:30%}#about-info{width:30%;margin-top:20%;margin-bottom:20%}#warm{color:#f3532f}#cold{color:#3092c2}#services{background-color:#cecece;color:#303030;display:flex}#services-info{width:40%;margin-left:10%;margin-right:10%;margin-top:10%}#tiles{width:60%;margin:8% 5% 10%;display:flex;flex-wrap:wrap}.service{background-color:#fff;border-radius:20px;width:40%;margin:2%;padding:2%}.service img{width:50px}#partners{margin-top:5%;margin-bottom:5%;display:flex;flex-direction:column;align-items:center;background-color:#fff}#logos{width:80%;margin-top:5%;display:flex;align-items:center;justify-content:space-between;margin-left:auto;margin-right:auto}#logos img{width:20%}#project-info{background-color:#cecece;color:#303030;display:flex;flex-direction:column}#projects{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;margin-bottom:10%;width:90%}.project{width:30%;font-weight:bolder}.project img{width:100%}#tag{width:100%;margin-top:5%;margin-left:5%}#contact-form{background-color:#fff;color:#303030;display:flex;flex-direction:column}#contact-form-info{width:80%;display:flex;flex-direction:column;margin-top:10%;margin-left:auto;margin-right:auto;align-items:center}#form{width:50%;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto;margin-bottom:10%;border:#303030,1px,solid;border-radius:10px}form{display:flex;flex-direction:column;width:70%}input{height:40px;margin:2%;border-radius:10px;border:#303030,1px,solid;padding-left:5px}textarea{margin:2%;height:200px;border-radius:10px;border:#303030,1px,solid;padding:10px}#form button{width:70%;margin:5% auto;color:#cecece;background-color:#303030;border:none;border-radius:5px;padding:7px;font-weight:bolder}#form button:hover{background-color:#cecece;color:#303030;cursor:pointer}#recaptcha{margin-left:auto;margin-right:auto;margin-bottom:2%}#contact{background-color:#303030;color:#cecece;display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px}#contact-info{width:25%;margin-left:2%}#contact-images{width:10%;height:25vh;display:flex;flex-direction:column;justify-content:center}#logo{width:120px;height:140px;margin-left:auto;margin-right:auto}.icon{display:flex;align-items:center}.icon img{width:20px;height:20px;margin-right:2%}#socials{display:flex;justify-content:space-between;width:50%;margin-left:auto;margin-right:auto;margin-top:5%}#socials a{width:35%}#socials img{width:100%}@media screen and (max-width: 768px){html{overflow-x:hidden}.navbar{height:100px}#links{display:none}.hamburger{display:block}.menu{opacity:0;height:0}.menu{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:90px;width:100%;margin:0;background-color:#cecece;overflow:hidden}.menu a{padding:10px;display:block}#home{flex-direction:column}#home-info{width:80%;margin:10%}#home-button{width:100%;text-align:center}#home img{width:80%;height:400px;margin-left:auto;margin-right:auto;margin-bottom:10%}#about{flex-direction:column-reverse}#about-info{width:80%;margin:10% auto 0}#portret{width:80%;margin-left:auto;margin-right:auto;margin-bottom:10%}#portret img{width:100%;margin:0}#services{flex-direction:column}#services-info{width:80%;margin-left:auto;margin-right:auto}#tiles{flex-direction:column;align-items:center;width:80%;margin:0 auto 10%}.service{width:95%;margin:0 0 5%}#partners{height:100vh;justify-content:space-between}#partners-info{margin-top:10%;height:10vh}#logos{flex-direction:column;height:90vh;margin-top:0}#logos img{width:80%;margin-top:10%}#project-info{flex-direction:column}#tag{width:80%;margin-left:auto;margin-right:auto;margin-top:20%}#projects{flex-direction:column;width:80%;margin-left:auto;margin-right:auto;margin-bottom:20%}.project{width:100%}#contact-form-info{width:80%;margin-left:auto;margin-right:auto;text-align:center}#form{width:80%;margin-left:auto;margin-right:auto}#form p{width:80%}#form button{width:100%}form{width:90%}#recaptcha{transform:scale(.77);transform-origin:0 0;width:90%}#contact{flex-direction:column;justify-content:space-between}#contact-info{width:80%;margin-left:auto;margin-right:auto}#contact-images{width:20vh;margin-top:2%;margin-bottom:2%;display:flex;flex-direction:column;justify-content:space-between}#socials{margin-bottom:10%}.icon{width:100%;display:flex;justify-content:center}}@media screen and (max-width: 1080px){#links{width:60%}}