@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:300;src:url("../webfonts/ubuntu-300.woff2") format("woff2"),url("../webfonts/ubuntu-300.woff") format("woff")}
@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:400;src:url("../webfonts/ubuntu-400.woff2") format("woff2"),url("../webfonts/ubuntu-400.woff") format("woff")}
@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:500;src:url("../webfonts/ubuntu-500.woff2") format("woff2"),url("../webfonts/ubuntu-500.woff") format("woff")}
@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:700;src:url("../webfonts/ubuntu-700.woff2") format("woff2"),url("../webfonts/ubuntu-700.woff") format("woff")}

:root{--primary:#477FFC;--primary-dark:#3867CF;--secondary:#D7E4F8;--text:#14284A;--tint:#EEF3FC}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1.0625rem;line-height:1.4;font-weight:400;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;font-variant-ligatures:none}
a{color:var(--primary)}
a:hover,a:focus{color:var(--primary-dark);text-decoration:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}

header .container{display:flex;align-items:center}
.header-logo{display:flex;width:7.5rem;margin:1.125rem 0}
.header-logo img{display:block;width:100%;height:auto}

main{flex:1 0 auto;padding:4.6875rem 0}

.notice{display:flex;align-items:center;gap:1.75rem;max-width:880px;margin:0 auto 4.6875rem;padding:2.25rem 2.5rem;border:3px solid var(--primary);border-radius:8px;background:var(--tint)}
.notice svg{flex:0 0 72px;width:72px;height:72px}
.notice h1{margin:0 0 .6rem;font-size:2.25rem;line-height:1.125;font-weight:700;color:var(--primary)}
.notice p{margin:0}

.contact{max-width:880px;margin:0 auto;text-align:center}
.contact h2{margin:0 0 1.5rem;font-size:1.75rem;line-height:1.2;font-weight:700}
.contact address{font-style:normal}
.contact p{margin:0 0 1.25rem}
.contact strong{font-weight:700}

.legal{max-width:800px;margin:0 auto}
.legal h1{margin:0 0 2rem;font-size:2.5rem;line-height:1.125;font-weight:700;color:var(--primary)}
.legal h2{margin:2.5rem 0 1rem;font-size:1.75rem;line-height:1.2;font-weight:700}
.legal h3{margin:2rem 0 .75rem;font-size:1.375rem;line-height:1.25;font-weight:700}
.legal h4{margin:1.5rem 0 .5rem;font-size:1.125rem;line-height:1.25;font-weight:700}
.legal p{margin:0 0 1rem;overflow-wrap:anywhere}
.legal ul{margin:0 0 1rem;padding-left:1.5rem}
.legal strong{font-weight:700}
.back{display:inline-block;margin-bottom:2rem;font-size:.9rem}

footer{background:var(--text);color:#fff;font-size:.75rem;font-weight:300;line-height:1.17;padding:2.5rem 0}
footer .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 2rem}
footer p{margin:0}
footer ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}
footer a{color:#fff;text-decoration:none;font-weight:400}
footer a:hover,footer a:focus{color:#fff;text-decoration:underline}

@media (max-width:767.98px){
  main{padding:2.5rem 0}
  .notice{flex-direction:column;text-align:center;padding:1.75rem 1.25rem;margin-bottom:2.5rem}
  .notice h1{font-size:1.75rem}
  .legal h1{font-size:2rem}
}