@media (max-width:1024px){:root{--max-width:720px}body{font-size:14px}section>div{padding:140px 0}h1{font-size:2.9rem}h2{font-size:2.5rem}h3{font-size:2.1rem}h4{font-size:1.6rem}h5{font-size:1.4rem}strong{font-size:1.1rem}p{font-size:.9rem}header>div>ul>li{font-size:.9rem;margin:0 0 0 40px}header>div>ul>li:last-child{font-size:.9rem;margin:0 0 0 35px}footer{padding:50px 0}footer>div>div>ul{margin:20px 80px 0 0}.promotion>div{max-width:160px}.promotion>div>svg{height:32px;width:32px}.point>div>ul{grid-template-columns:repeat(2,1fr);margin:100px 0 0}.history>div{grid-template-columns:repeat(1,1fr)}.history>div>div:last-child{height:300px;margin:40px 0 0}.history>div>div:last-child>ul>li{font-size:1.1rem}.formation>div>div{margin:100px 0 0}.formation>div>div>table>tbody>tr{height:50px}.formation>div>div>table>tbody>tr>td:last-child{padding:0 10px 0 20px}.client>div>ul{grid-template-columns:repeat(3,1fr);margin:100px 0 0}.client>div>ul>li>img{min-height:80px}.slide>div{margin:100px 0 0}.review>div>img,.slide>div>ul>li{width:500px}.blog{margin:100px 0 0}.blog>div{width:calc(100% - 70px)}.blog>div>div>div{flex:0 0 50%}.link>div{margin:20px 0 100px}.link>div>label>img{width:26px}.intro>div>img{width:220px}.intro>div>div{padding:0 20px}.intro>div>div>div>label:first-child{margin:10px 0 0}.intro>div>div>div>label>img{width:26px}.gallery>div>ul{grid-template-columns:repeat(3,1fr)}.gallery>div>div>div>.selectbox>label{width:180px}.preview>div>ul{grid-template-columns:repeat(2,1fr);margin:100px 0 30px}.contact>div{max-width:600px}.contact>div>div>ol{display:grid;grid-template-columns:repeat(2,1fr);row-gap:10px}.admin>div>div:first-child{flex-direction:column}.admin>div>div:first-child>h4{margin:0 0 20px}.admin>div>div:nth-child(2)>div>div>.selectbox>label{width:160px}.admin>div>ul{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:719px){:root{--max-width:460px}body{font-size:12px}section>div{padding:120px 0}h1{font-size:2.4rem}h2{font-size:2.1rem}h3{font-size:1.8rem}h4{font-size:1.45rem}h5{font-size:1.25rem}strong{font-size:.95rem}p{font-size:.8rem}header>div{padding:0 10px}header>div>ul>li{margin:0 0 0 30px}header>div>ul>li:last-child{font-size:.8rem;margin:0 0 0 30px}footer{padding:40px 0}footer>div>div:nth-child(2){flex-direction:column}.slogan{height:70vh}.slogan>div:nth-child(2){top:calc(50% - 20px)}.promotion>div{max-width:140px;padding:8px 16px;right:20px;top:20px}.promotion>div>svg{height:28px;width:28px}.point>div>ul{gap:20px;margin:80px 0 0}.point>div>ul>li{padding:0 0 20px}.history>div>div:last-child{height:200px}.history>div>div:last-child>div{height:50px}.history>div>div:last-child>ul>li{font-size:1rem;height:30px}.formation>div>div{gap:30px;grid-template-columns:repeat(1,1fr);margin:80px 0 0}.client>div>ul{margin:80px 0 0}.client>div>ul>li{padding:15px}.slide>div{margin:80px 0 0}.review>div>img,.slide>div>ul>li{width:400px}.blog{margin:80px 0 0}.blog>div{width:calc(100% - 60px)}.blog>div>div>div>div>p,.blog>div>div>div>div>strong{padding:15px}.link>div{margin:20px 0 80px}.intro>div,.link>div{flex-direction:column}.link>div>label>img{width:22px}.intro>div>div{margin:30px 0 0;padding:0}.intro>div>div>div>label>img{width:22px}.gallery>div>div{justify-content:flex-end}.gallery>div>div>h4{display:none}.gallery>div>ul{gap:10px;grid-template-columns:repeat(2,1fr);margin:10px 0 20px;padding:10px 0}.preview>div>ul{gap:10px;grid-template-columns:repeat(1,1fr);margin:80px 0 20px;padding:10px 0}.login>div>div>div{padding:10px 0}.admin{padding:0 10px}.admin>div>ul{gap:10px;grid-template-columns:repeat(1,1fr)!important}.admin>div>div:nth-child(2)>div{align-items:normal;flex-direction:column}.admin>div>div:nth-child(2)>div>button{margin:10px 0 0}.admin>div>div:nth-child(2)>div>div>span{max-width:80px;width:auto}.admin>div>div:nth-child(2)>ul{padding:10px}}@media (max-width:459px){:root{--max-width:459px}body{font-size:10px}section>div{padding:100px 0}h1{font-size:1.8rem}h2{font-size:1.6rem}h3{font-size:1.4rem}h4{font-size:1.2rem}h5{font-size:1rem}strong{font-size:.9rem}p{font-size:.8rem}header>div>ul>li{font-size:.8rem}header>div>ul>li,header>div>ul>li:last-child{margin:0 0 0 20px}.slogan{height:100vh}.promotion>div{max-width:120px;padding:6px 12px;right:15px;top:15px}.point>div{padding:0 10px}.point>div>ul{grid-template-columns:repeat(1,1fr);margin:60px 0 0}.history>div>div:first-child>strong{font-size:.85rem;margin:10px}.history>div>div:last-child{margin:30px 0 0}.history>div>div:last-child>div{height:40px}.history>div>div:last-child>ul>li{font-size:.9rem}.formation>div{padding:0 10px}.formation>div>div{gap:20px;margin:60px 0 0}.formation>div>h2>b{text-shadow:3px 3px var(--color-surface-100)}.formation>div>div>table>tbody>tr{height:40px}.client>div{padding:0 10px}.client>div>ul{grid-template-columns:repeat(2,1fr)}.client>div>ul,.slide>div{margin:60px 0 0}.review>div>img,.slide>div>ul>li{width:300px}.blog{margin:60px 0 0}.blog>div{width:calc(100% - 40px)}.blog>div>div>div{flex:0 0 100%}.link>div{margin:20px 0 60px}.link>div>label>a{font-size:.8rem}.link>button{font-size:1.2rem;padding:14px 40px}.intro{padding:0 10px}.intro>div>div>div{margin:20px 0 0}.intro>div>div>div>label>a{font-size:.8rem}.gallery>div>ul>li>svg{height:38px;width:38px}.gallery{padding:0 10px}.gallery>div>ol>li{font-size:1rem}.preview{padding:0 10px}.preview>div>ul{margin:60px 0 20px}.preview>div>ol>li{font-size:1rem}.contact{padding:0 10px}.contact>div>div{padding:30px 0}.contact>div>div:last-child>button{font-size:1.2rem;padding:14px 40px}.selectbox>label{font-size:.8rem;padding:4px 4px 4px 8px}.selectbox>label>div:nth-child(2){top:33px}.input{font-size:1rem;padding:6px 6px 6px 12px}.input::placeholder{font-size:.8rem}.textarea{font-size:1rem;padding:6px 6px 6px 12px}.textarea::placeholder{font-size:.8rem}.login>div>div{margin:80px 0 0}.login>div>button{font-size:1.1rem;padding:10px 32px}.admin>div>div:first-child>h4{display:none}.admin>div>div:nth-child(2)>div>div{align-items:normal;flex-direction:column}.admin>div>div:nth-child(2)>div>div>span{max-width:100%;width:100%}.admin>div>div:nth-child(2)>div>div>.selectbox>label{margin:0 0 10px;width:100%}.admin>div>div:nth-child(2)>div>button{font-size:1rem;padding:8px 16px}.admin>div>ol>li{font-size:1rem}}