*{margin:0;padding:0}html,body{height:100vh}body{color:#333;font:300 clamp(16px, 2vw, 20px)/clamp(24px, 2.8vw, 28px) "Source Sans 3",sans-serif;background-color:#fff;margin:0}#page{display:flex;flex-direction:column;height:100%}.all{background-color:#f3f1ef;margin-top:40px;padding:clamp(30px,6vw,60px) clamp(20px,4vw,40px);height:100%}.all .all_in{display:block;margin:0 auto;max-width:581px}.logo{display:flex;align-items:flex-end;height:50%;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}.logo img{display:block;margin:0 auto;max-width:373px;width:100%;height:auto}.subtitle,h1{font-weight:600;font-size:clamp(18px,2.8vw,28px);line-height:clamp(24px,3.4vw,34px);margin:0}.subtitle{font-weight:300;margin:0 0 clamp(10px,1.5vw,15px)}.contact{text-align:center}.social_media{--icon-width: clamp(18px,2.4vw,24px);display:flex;justify-content:center;list-style:none;gap:12px;padding:clamp(20px,3vw,30px) 0 0}.social_media svg{display:flex;width:var(--icon-width);height:var(--icon-width);object-fit:contain}.social_media svg:hover *{fill:#e5893e}.social_media .instagram svg{--icon-width: clamp(20px,2.6vw,26px)}a{font-weight:700;color:#e5893e;text-decoration:none}a:hover{color:#000;text-decoration:underline;text-underline-position:under}@media screen and (max-width: 500px){.footer{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.footer .contact_left,.footer .contact_right{width:100%}}@media screen and (max-width: 600px){.contact_left,.contact_right{width:auto}}