main{grid-gap:12px;grid-template:repeat(4,1fr)/repeat(2,1fr);gap:12px;max-height:calc(100vh - 24px);display:grid}@media screen and (min-width:768px){main{grid-template:repeat(4,1fr)/repeat(4,1fr);gap:0;height:100%;max-height:100%}}main .logo{grid-area:1/1/2/2}main .logo svg{width:auto;height:24px}main .lang{grid-area:1/2/2/3;place-self:flex-start flex-end;height:fit-content;position:relative}main .lang,main .lang a{line-height:1}@media screen and (min-width:768px){main .lang{grid-area:1/4/2/5}}main .title{grid-area:2/1/3/3;align-self:flex-end}main .title h1{padding-bottom:20px}@media screen and (min-width:768px){main .title{grid-area:2/2/3/5}}main .content{grid-area:3/1/4/3;gap:64px;display:flex}main .content,main .content .item{flex-direction:column}main .content .item{gap:12px}main .content .item,main .content .item .value{display:inline-flex}main .content .item .value{gap:16px}@media screen and (min-width:768px){main .content{grid-area:3/3/4/5}}main .socials{flex-flow:wrap;grid-area:4/1/5/2;align-self:flex-end;gap:20px;display:flex}@media screen and (min-width:768px){main .socials{grid-area:4/2/5/4}}main .copyright{grid-area:4/2/5/3;place-self:flex-end;line-height:1}@media screen and (min-width:768px){main .copyright{grid-area:4/4/5/5}}