html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
em,
img,
var,
b,
u,
i,
center,
ol,
ul,
li,
form,
label,
tr,
th,
td,
article,
footer,
header,
menu,
nav,
section,
time {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.grid {
  display: grid;
  justify-content: space-between;
}
@media (min-width: 320px) {
  .grid {
    grid-template-columns: repeat(2, 130px);
    column-gap: 20px;
  }
}
@media (min-width: 640px) {
  .grid {
    grid-template-columns: repeat(6, 80px);
    column-gap: 20px;
  }
}
@media (min-width: 1024px) {
  .grid {
    grid-template-columns: repeat(12, 58px);
    column-gap: 20px;
  }
}
@media (min-width: 1600px) {
  .grid {
    grid-template-columns: repeat(12, 65px);
    column-gap: 30px;
  }
}
@media (min-width: 2560px) {
  .grid {
    grid-template-columns: repeat(12, 123px);
    column-gap: 30px;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-1 {
    grid-column: 1/2;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-1 {
    grid-column: 1/2;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-1 {
    grid-column: 1/2;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-1 {
    grid-column: 1/2;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-1 {
    grid-column: 1/2;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-2 {
    grid-column: 1/3;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-2 {
    grid-column: 1/3;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-2 {
    grid-column: 1/3;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-2 {
    grid-column: 1/3;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-2 {
    grid-column: 1/3;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-3 {
    grid-column: 1/4;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-3 {
    grid-column: 1/4;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-3 {
    grid-column: 1/4;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-3 {
    grid-column: 1/4;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-3 {
    grid-column: 1/4;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-4 {
    grid-column: 1/5;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-4 {
    grid-column: 1/5;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-4 {
    grid-column: 1/5;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-4 {
    grid-column: 1/5;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-4 {
    grid-column: 1/5;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-5 {
    grid-column: 1/6;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-5 {
    grid-column: 1/6;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-5 {
    grid-column: 1/6;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-5 {
    grid-column: 1/6;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-5 {
    grid-column: 1/6;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-6 {
    grid-column: 1/7;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-6 {
    grid-column: 1/7;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-6 {
    grid-column: 1/7;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-6 {
    grid-column: 1/7;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-6 {
    grid-column: 1/7;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-7 {
    grid-column: 1/8;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-7 {
    grid-column: 1/8;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-7 {
    grid-column: 1/8;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-7 {
    grid-column: 1/8;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-7 {
    grid-column: 1/8;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-8 {
    grid-column: 1/9;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-8 {
    grid-column: 1/9;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-8 {
    grid-column: 1/9;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-8 {
    grid-column: 1/9;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-8 {
    grid-column: 1/9;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-9 {
    grid-column: 1/10;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-9 {
    grid-column: 1/10;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-9 {
    grid-column: 1/10;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-9 {
    grid-column: 1/10;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-9 {
    grid-column: 1/10;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-10 {
    grid-column: 1/11;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-10 {
    grid-column: 1/11;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-10 {
    grid-column: 1/11;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-10 {
    grid-column: 1/11;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-10 {
    grid-column: 1/11;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-11 {
    grid-column: 1/12;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-11 {
    grid-column: 1/12;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-11 {
    grid-column: 1/12;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-11 {
    grid-column: 1/12;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-11 {
    grid-column: 1/12;
  }
}
@media (min-width: 320px) {
  .grid__item--320-1-12 {
    grid-column: 1/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-1-12 {
    grid-column: 1/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-1-12 {
    grid-column: 1/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-1-12 {
    grid-column: 1/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-1-12 {
    grid-column: 1/13;
  }
}
@media (min-width: 320px) {
  .grid__item--320-2-2 {
    grid-column: 2/3;
  }
}
@media (min-width: 640px) {
  .grid__item--640-2-2 {
    grid-column: 2/3;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-2-2 {
    grid-column: 2/3;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-2-2 {
    grid-column: 2/3;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-2-2 {
    grid-column: 2/3;
  }
}
@media (min-width: 320px) {
  .grid__item--320-2-3 {
    grid-column: 2/4;
  }
}
@media (min-width: 640px) {
  .grid__item--640-2-3 {
    grid-column: 2/4;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-2-3 {
    grid-column: 2/4;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-2-3 {
    grid-column: 2/4;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-2-3 {
    grid-column: 2/4;
  }
}
@media (min-width: 320px) {
  .grid__item--320-2-4 {
    grid-column: 2/5;
  }
}
@media (min-width: 640px) {
  .grid__item--640-2-4 {
    grid-column: 2/5;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-2-4 {
    grid-column: 2/5;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-2-4 {
    grid-column: 2/5;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-2-4 {
    grid-column: 2/5;
  }
}
@media (min-width: 320px) {
  .grid__item--320-2-5 {
    grid-column: 2/6;
  }
}
@media (min-width: 640px) {
  .grid__item--640-2-5 {
    grid-column: 2/6;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-2-5 {
    grid-column: 2/6;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-2-5 {
    grid-column: 2/6;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-2-5 {
    grid-column: 2/6;
  }
}
@media (min-width: 320px) {
  .grid__item--320-2-6 {
    grid-column: 2/7;
  }
}
@media (min-width: 640px) {
  .grid__item--640-2-6 {
    grid-column: 2/7;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-2-6 {
    grid-column: 2/7;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-2-6 {
    grid-column: 2/7;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-2-6 {
    grid-column: 2/7;
  }
}
@media (min-width: 320px) {
  .grid__item--320-2-7 {
    grid-column: 2/8;
  }
}
@media (min-width: 640px) {
  .grid__item--640-2-7 {
    grid-column: 2/8;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-2-7 {
    grid-column: 2/8;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-2-7 {
    grid-column: 2/8;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-2-7 {
    grid-column: 2/8;
  }
}
@media (min-width: 320px) {
  .grid__item--320-2-8 {
    grid-column: 2/9;
  }
}
@media (min-width: 640px) {
  .grid__item--640-2-8 {
    grid-column: 2/9;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-2-8 {
    grid-column: 2/9;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-2-8 {
    grid-column: 2/9;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-2-8 {
    grid-column: 2/9;
  }
}
@media (min-width: 320px) {
  .grid__item--320-2-9 {
    grid-column: 2/10;
  }
}
@media (min-width: 640px) {
  .grid__item--640-2-9 {
    grid-column: 2/10;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-2-9 {
    grid-column: 2/10;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-2-9 {
    grid-column: 2/10;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-2-9 {
    grid-column: 2/10;
  }
}
@media (min-width: 320px) {
  .grid__item--320-2-10 {
    grid-column: 2/11;
  }
}
@media (min-width: 640px) {
  .grid__item--640-2-10 {
    grid-column: 2/11;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-2-10 {
    grid-column: 2/11;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-2-10 {
    grid-column: 2/11;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-2-10 {
    grid-column: 2/11;
  }
}
@media (min-width: 320px) {
  .grid__item--320-2-11 {
    grid-column: 2/12;
  }
}
@media (min-width: 640px) {
  .grid__item--640-2-11 {
    grid-column: 2/12;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-2-11 {
    grid-column: 2/12;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-2-11 {
    grid-column: 2/12;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-2-11 {
    grid-column: 2/12;
  }
}
@media (min-width: 320px) {
  .grid__item--320-2-12 {
    grid-column: 2/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-2-12 {
    grid-column: 2/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-2-12 {
    grid-column: 2/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-2-12 {
    grid-column: 2/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-2-12 {
    grid-column: 2/13;
  }
}
@media (min-width: 320px) {
  .grid__item--320-3-3 {
    grid-column: 3/4;
  }
}
@media (min-width: 640px) {
  .grid__item--640-3-3 {
    grid-column: 3/4;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-3-3 {
    grid-column: 3/4;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-3-3 {
    grid-column: 3/4;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-3-3 {
    grid-column: 3/4;
  }
}
@media (min-width: 320px) {
  .grid__item--320-3-4 {
    grid-column: 3/5;
  }
}
@media (min-width: 640px) {
  .grid__item--640-3-4 {
    grid-column: 3/5;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-3-4 {
    grid-column: 3/5;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-3-4 {
    grid-column: 3/5;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-3-4 {
    grid-column: 3/5;
  }
}
@media (min-width: 320px) {
  .grid__item--320-3-5 {
    grid-column: 3/6;
  }
}
@media (min-width: 640px) {
  .grid__item--640-3-5 {
    grid-column: 3/6;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-3-5 {
    grid-column: 3/6;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-3-5 {
    grid-column: 3/6;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-3-5 {
    grid-column: 3/6;
  }
}
@media (min-width: 320px) {
  .grid__item--320-3-6 {
    grid-column: 3/7;
  }
}
@media (min-width: 640px) {
  .grid__item--640-3-6 {
    grid-column: 3/7;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-3-6 {
    grid-column: 3/7;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-3-6 {
    grid-column: 3/7;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-3-6 {
    grid-column: 3/7;
  }
}
@media (min-width: 320px) {
  .grid__item--320-3-7 {
    grid-column: 3/8;
  }
}
@media (min-width: 640px) {
  .grid__item--640-3-7 {
    grid-column: 3/8;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-3-7 {
    grid-column: 3/8;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-3-7 {
    grid-column: 3/8;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-3-7 {
    grid-column: 3/8;
  }
}
@media (min-width: 320px) {
  .grid__item--320-3-8 {
    grid-column: 3/9;
  }
}
@media (min-width: 640px) {
  .grid__item--640-3-8 {
    grid-column: 3/9;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-3-8 {
    grid-column: 3/9;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-3-8 {
    grid-column: 3/9;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-3-8 {
    grid-column: 3/9;
  }
}
@media (min-width: 320px) {
  .grid__item--320-3-9 {
    grid-column: 3/10;
  }
}
@media (min-width: 640px) {
  .grid__item--640-3-9 {
    grid-column: 3/10;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-3-9 {
    grid-column: 3/10;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-3-9 {
    grid-column: 3/10;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-3-9 {
    grid-column: 3/10;
  }
}
@media (min-width: 320px) {
  .grid__item--320-3-10 {
    grid-column: 3/11;
  }
}
@media (min-width: 640px) {
  .grid__item--640-3-10 {
    grid-column: 3/11;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-3-10 {
    grid-column: 3/11;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-3-10 {
    grid-column: 3/11;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-3-10 {
    grid-column: 3/11;
  }
}
@media (min-width: 320px) {
  .grid__item--320-3-11 {
    grid-column: 3/12;
  }
}
@media (min-width: 640px) {
  .grid__item--640-3-11 {
    grid-column: 3/12;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-3-11 {
    grid-column: 3/12;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-3-11 {
    grid-column: 3/12;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-3-11 {
    grid-column: 3/12;
  }
}
@media (min-width: 320px) {
  .grid__item--320-3-12 {
    grid-column: 3/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-3-12 {
    grid-column: 3/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-3-12 {
    grid-column: 3/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-3-12 {
    grid-column: 3/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-3-12 {
    grid-column: 3/13;
  }
}
@media (min-width: 320px) {
  .grid__item--320-4-4 {
    grid-column: 4/5;
  }
}
@media (min-width: 640px) {
  .grid__item--640-4-4 {
    grid-column: 4/5;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-4-4 {
    grid-column: 4/5;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-4-4 {
    grid-column: 4/5;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-4-4 {
    grid-column: 4/5;
  }
}
@media (min-width: 320px) {
  .grid__item--320-4-5 {
    grid-column: 4/6;
  }
}
@media (min-width: 640px) {
  .grid__item--640-4-5 {
    grid-column: 4/6;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-4-5 {
    grid-column: 4/6;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-4-5 {
    grid-column: 4/6;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-4-5 {
    grid-column: 4/6;
  }
}
@media (min-width: 320px) {
  .grid__item--320-4-6 {
    grid-column: 4/7;
  }
}
@media (min-width: 640px) {
  .grid__item--640-4-6 {
    grid-column: 4/7;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-4-6 {
    grid-column: 4/7;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-4-6 {
    grid-column: 4/7;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-4-6 {
    grid-column: 4/7;
  }
}
@media (min-width: 320px) {
  .grid__item--320-4-7 {
    grid-column: 4/8;
  }
}
@media (min-width: 640px) {
  .grid__item--640-4-7 {
    grid-column: 4/8;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-4-7 {
    grid-column: 4/8;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-4-7 {
    grid-column: 4/8;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-4-7 {
    grid-column: 4/8;
  }
}
@media (min-width: 320px) {
  .grid__item--320-4-8 {
    grid-column: 4/9;
  }
}
@media (min-width: 640px) {
  .grid__item--640-4-8 {
    grid-column: 4/9;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-4-8 {
    grid-column: 4/9;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-4-8 {
    grid-column: 4/9;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-4-8 {
    grid-column: 4/9;
  }
}
@media (min-width: 320px) {
  .grid__item--320-4-9 {
    grid-column: 4/10;
  }
}
@media (min-width: 640px) {
  .grid__item--640-4-9 {
    grid-column: 4/10;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-4-9 {
    grid-column: 4/10;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-4-9 {
    grid-column: 4/10;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-4-9 {
    grid-column: 4/10;
  }
}
@media (min-width: 320px) {
  .grid__item--320-4-10 {
    grid-column: 4/11;
  }
}
@media (min-width: 640px) {
  .grid__item--640-4-10 {
    grid-column: 4/11;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-4-10 {
    grid-column: 4/11;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-4-10 {
    grid-column: 4/11;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-4-10 {
    grid-column: 4/11;
  }
}
@media (min-width: 320px) {
  .grid__item--320-4-11 {
    grid-column: 4/12;
  }
}
@media (min-width: 640px) {
  .grid__item--640-4-11 {
    grid-column: 4/12;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-4-11 {
    grid-column: 4/12;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-4-11 {
    grid-column: 4/12;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-4-11 {
    grid-column: 4/12;
  }
}
@media (min-width: 320px) {
  .grid__item--320-4-12 {
    grid-column: 4/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-4-12 {
    grid-column: 4/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-4-12 {
    grid-column: 4/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-4-12 {
    grid-column: 4/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-4-12 {
    grid-column: 4/13;
  }
}
@media (min-width: 320px) {
  .grid__item--320-5-5 {
    grid-column: 5/6;
  }
}
@media (min-width: 640px) {
  .grid__item--640-5-5 {
    grid-column: 5/6;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-5-5 {
    grid-column: 5/6;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-5-5 {
    grid-column: 5/6;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-5-5 {
    grid-column: 5/6;
  }
}
@media (min-width: 320px) {
  .grid__item--320-5-6 {
    grid-column: 5/7;
  }
}
@media (min-width: 640px) {
  .grid__item--640-5-6 {
    grid-column: 5/7;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-5-6 {
    grid-column: 5/7;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-5-6 {
    grid-column: 5/7;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-5-6 {
    grid-column: 5/7;
  }
}
@media (min-width: 320px) {
  .grid__item--320-5-7 {
    grid-column: 5/8;
  }
}
@media (min-width: 640px) {
  .grid__item--640-5-7 {
    grid-column: 5/8;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-5-7 {
    grid-column: 5/8;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-5-7 {
    grid-column: 5/8;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-5-7 {
    grid-column: 5/8;
  }
}
@media (min-width: 320px) {
  .grid__item--320-5-8 {
    grid-column: 5/9;
  }
}
@media (min-width: 640px) {
  .grid__item--640-5-8 {
    grid-column: 5/9;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-5-8 {
    grid-column: 5/9;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-5-8 {
    grid-column: 5/9;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-5-8 {
    grid-column: 5/9;
  }
}
@media (min-width: 320px) {
  .grid__item--320-5-9 {
    grid-column: 5/10;
  }
}
@media (min-width: 640px) {
  .grid__item--640-5-9 {
    grid-column: 5/10;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-5-9 {
    grid-column: 5/10;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-5-9 {
    grid-column: 5/10;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-5-9 {
    grid-column: 5/10;
  }
}
@media (min-width: 320px) {
  .grid__item--320-5-10 {
    grid-column: 5/11;
  }
}
@media (min-width: 640px) {
  .grid__item--640-5-10 {
    grid-column: 5/11;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-5-10 {
    grid-column: 5/11;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-5-10 {
    grid-column: 5/11;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-5-10 {
    grid-column: 5/11;
  }
}
@media (min-width: 320px) {
  .grid__item--320-5-11 {
    grid-column: 5/12;
  }
}
@media (min-width: 640px) {
  .grid__item--640-5-11 {
    grid-column: 5/12;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-5-11 {
    grid-column: 5/12;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-5-11 {
    grid-column: 5/12;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-5-11 {
    grid-column: 5/12;
  }
}
@media (min-width: 320px) {
  .grid__item--320-5-12 {
    grid-column: 5/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-5-12 {
    grid-column: 5/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-5-12 {
    grid-column: 5/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-5-12 {
    grid-column: 5/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-5-12 {
    grid-column: 5/13;
  }
}
@media (min-width: 320px) {
  .grid__item--320-6-6 {
    grid-column: 6/7;
  }
}
@media (min-width: 640px) {
  .grid__item--640-6-6 {
    grid-column: 6/7;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-6-6 {
    grid-column: 6/7;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-6-6 {
    grid-column: 6/7;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-6-6 {
    grid-column: 6/7;
  }
}
@media (min-width: 320px) {
  .grid__item--320-6-7 {
    grid-column: 6/8;
  }
}
@media (min-width: 640px) {
  .grid__item--640-6-7 {
    grid-column: 6/8;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-6-7 {
    grid-column: 6/8;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-6-7 {
    grid-column: 6/8;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-6-7 {
    grid-column: 6/8;
  }
}
@media (min-width: 320px) {
  .grid__item--320-6-8 {
    grid-column: 6/9;
  }
}
@media (min-width: 640px) {
  .grid__item--640-6-8 {
    grid-column: 6/9;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-6-8 {
    grid-column: 6/9;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-6-8 {
    grid-column: 6/9;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-6-8 {
    grid-column: 6/9;
  }
}
@media (min-width: 320px) {
  .grid__item--320-6-9 {
    grid-column: 6/10;
  }
}
@media (min-width: 640px) {
  .grid__item--640-6-9 {
    grid-column: 6/10;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-6-9 {
    grid-column: 6/10;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-6-9 {
    grid-column: 6/10;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-6-9 {
    grid-column: 6/10;
  }
}
@media (min-width: 320px) {
  .grid__item--320-6-10 {
    grid-column: 6/11;
  }
}
@media (min-width: 640px) {
  .grid__item--640-6-10 {
    grid-column: 6/11;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-6-10 {
    grid-column: 6/11;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-6-10 {
    grid-column: 6/11;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-6-10 {
    grid-column: 6/11;
  }
}
@media (min-width: 320px) {
  .grid__item--320-6-11 {
    grid-column: 6/12;
  }
}
@media (min-width: 640px) {
  .grid__item--640-6-11 {
    grid-column: 6/12;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-6-11 {
    grid-column: 6/12;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-6-11 {
    grid-column: 6/12;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-6-11 {
    grid-column: 6/12;
  }
}
@media (min-width: 320px) {
  .grid__item--320-6-12 {
    grid-column: 6/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-6-12 {
    grid-column: 6/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-6-12 {
    grid-column: 6/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-6-12 {
    grid-column: 6/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-6-12 {
    grid-column: 6/13;
  }
}
@media (min-width: 320px) {
  .grid__item--320-7-7 {
    grid-column: 7/8;
  }
}
@media (min-width: 640px) {
  .grid__item--640-7-7 {
    grid-column: 7/8;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-7-7 {
    grid-column: 7/8;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-7-7 {
    grid-column: 7/8;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-7-7 {
    grid-column: 7/8;
  }
}
@media (min-width: 320px) {
  .grid__item--320-7-8 {
    grid-column: 7/9;
  }
}
@media (min-width: 640px) {
  .grid__item--640-7-8 {
    grid-column: 7/9;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-7-8 {
    grid-column: 7/9;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-7-8 {
    grid-column: 7/9;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-7-8 {
    grid-column: 7/9;
  }
}
@media (min-width: 320px) {
  .grid__item--320-7-9 {
    grid-column: 7/10;
  }
}
@media (min-width: 640px) {
  .grid__item--640-7-9 {
    grid-column: 7/10;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-7-9 {
    grid-column: 7/10;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-7-9 {
    grid-column: 7/10;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-7-9 {
    grid-column: 7/10;
  }
}
@media (min-width: 320px) {
  .grid__item--320-7-10 {
    grid-column: 7/11;
  }
}
@media (min-width: 640px) {
  .grid__item--640-7-10 {
    grid-column: 7/11;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-7-10 {
    grid-column: 7/11;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-7-10 {
    grid-column: 7/11;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-7-10 {
    grid-column: 7/11;
  }
}
@media (min-width: 320px) {
  .grid__item--320-7-11 {
    grid-column: 7/12;
  }
}
@media (min-width: 640px) {
  .grid__item--640-7-11 {
    grid-column: 7/12;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-7-11 {
    grid-column: 7/12;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-7-11 {
    grid-column: 7/12;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-7-11 {
    grid-column: 7/12;
  }
}
@media (min-width: 320px) {
  .grid__item--320-7-12 {
    grid-column: 7/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-7-12 {
    grid-column: 7/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-7-12 {
    grid-column: 7/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-7-12 {
    grid-column: 7/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-7-12 {
    grid-column: 7/13;
  }
}
@media (min-width: 320px) {
  .grid__item--320-8-8 {
    grid-column: 8/9;
  }
}
@media (min-width: 640px) {
  .grid__item--640-8-8 {
    grid-column: 8/9;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-8-8 {
    grid-column: 8/9;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-8-8 {
    grid-column: 8/9;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-8-8 {
    grid-column: 8/9;
  }
}
@media (min-width: 320px) {
  .grid__item--320-8-9 {
    grid-column: 8/10;
  }
}
@media (min-width: 640px) {
  .grid__item--640-8-9 {
    grid-column: 8/10;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-8-9 {
    grid-column: 8/10;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-8-9 {
    grid-column: 8/10;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-8-9 {
    grid-column: 8/10;
  }
}
@media (min-width: 320px) {
  .grid__item--320-8-10 {
    grid-column: 8/11;
  }
}
@media (min-width: 640px) {
  .grid__item--640-8-10 {
    grid-column: 8/11;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-8-10 {
    grid-column: 8/11;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-8-10 {
    grid-column: 8/11;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-8-10 {
    grid-column: 8/11;
  }
}
@media (min-width: 320px) {
  .grid__item--320-8-11 {
    grid-column: 8/12;
  }
}
@media (min-width: 640px) {
  .grid__item--640-8-11 {
    grid-column: 8/12;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-8-11 {
    grid-column: 8/12;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-8-11 {
    grid-column: 8/12;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-8-11 {
    grid-column: 8/12;
  }
}
@media (min-width: 320px) {
  .grid__item--320-8-12 {
    grid-column: 8/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-8-12 {
    grid-column: 8/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-8-12 {
    grid-column: 8/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-8-12 {
    grid-column: 8/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-8-12 {
    grid-column: 8/13;
  }
}
@media (min-width: 320px) {
  .grid__item--320-9-9 {
    grid-column: 9/10;
  }
}
@media (min-width: 640px) {
  .grid__item--640-9-9 {
    grid-column: 9/10;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-9-9 {
    grid-column: 9/10;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-9-9 {
    grid-column: 9/10;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-9-9 {
    grid-column: 9/10;
  }
}
@media (min-width: 320px) {
  .grid__item--320-9-10 {
    grid-column: 9/11;
  }
}
@media (min-width: 640px) {
  .grid__item--640-9-10 {
    grid-column: 9/11;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-9-10 {
    grid-column: 9/11;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-9-10 {
    grid-column: 9/11;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-9-10 {
    grid-column: 9/11;
  }
}
@media (min-width: 320px) {
  .grid__item--320-9-11 {
    grid-column: 9/12;
  }
}
@media (min-width: 640px) {
  .grid__item--640-9-11 {
    grid-column: 9/12;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-9-11 {
    grid-column: 9/12;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-9-11 {
    grid-column: 9/12;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-9-11 {
    grid-column: 9/12;
  }
}
@media (min-width: 320px) {
  .grid__item--320-9-12 {
    grid-column: 9/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-9-12 {
    grid-column: 9/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-9-12 {
    grid-column: 9/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-9-12 {
    grid-column: 9/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-9-12 {
    grid-column: 9/13;
  }
}
@media (min-width: 320px) {
  .grid__item--320-10-10 {
    grid-column: 10/11;
  }
}
@media (min-width: 640px) {
  .grid__item--640-10-10 {
    grid-column: 10/11;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-10-10 {
    grid-column: 10/11;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-10-10 {
    grid-column: 10/11;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-10-10 {
    grid-column: 10/11;
  }
}
@media (min-width: 320px) {
  .grid__item--320-10-11 {
    grid-column: 10/12;
  }
}
@media (min-width: 640px) {
  .grid__item--640-10-11 {
    grid-column: 10/12;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-10-11 {
    grid-column: 10/12;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-10-11 {
    grid-column: 10/12;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-10-11 {
    grid-column: 10/12;
  }
}
@media (min-width: 320px) {
  .grid__item--320-10-12 {
    grid-column: 10/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-10-12 {
    grid-column: 10/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-10-12 {
    grid-column: 10/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-10-12 {
    grid-column: 10/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-10-12 {
    grid-column: 10/13;
  }
}
@media (min-width: 320px) {
  .grid__item--320-11-11 {
    grid-column: 11/12;
  }
}
@media (min-width: 640px) {
  .grid__item--640-11-11 {
    grid-column: 11/12;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-11-11 {
    grid-column: 11/12;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-11-11 {
    grid-column: 11/12;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-11-11 {
    grid-column: 11/12;
  }
}
@media (min-width: 320px) {
  .grid__item--320-11-12 {
    grid-column: 11/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-11-12 {
    grid-column: 11/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-11-12 {
    grid-column: 11/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-11-12 {
    grid-column: 11/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-11-12 {
    grid-column: 11/13;
  }
}
@media (min-width: 320px) {
  .grid__item--320-12-12 {
    grid-column: 12/13;
  }
}
@media (min-width: 640px) {
  .grid__item--640-12-12 {
    grid-column: 12/13;
  }
}
@media (min-width: 1024px) {
  .grid__item--1024-12-12 {
    grid-column: 12/13;
  }
}
@media (min-width: 1600px) {
  .grid__item--1600-12-12 {
    grid-column: 12/13;
  }
}
@media (min-width: 2560px) {
  .grid__item--2560-12-12 {
    grid-column: 12/13;
  }
}

.grid-container {
  gap: 24px;
}
@media (min-width: 640px) {
  .grid-container {
    grid-template-columns: repeat 6, 80px;
    column-gap: 30px;
  }
}
@media (min-width: 1024px) {
  .grid-container {
    gap: 20px;
  }
}
@media (min-width: 1600px) {
  .grid-container {
    gap: 30px;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-1-1 {
    grid-column: 1/2;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-1-2 {
    grid-column: 1/3;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-1-3 {
    grid-column: 1/4;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-1-4 {
    grid-column: 1/5;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-1-5 {
    grid-column: 1/6;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-1-6 {
    grid-column: 1/7;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-2-2 {
    grid-column: 2/3;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-2-3 {
    grid-column: 2/4;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-2-4 {
    grid-column: 2/5;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-2-5 {
    grid-column: 2/6;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-2-6 {
    grid-column: 2/7;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-3-3 {
    grid-column: 3/4;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-3-4 {
    grid-column: 3/5;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-3-5 {
    grid-column: 3/6;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-3-6 {
    grid-column: 3/7;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-4-4 {
    grid-column: 4/5;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-4-5 {
    grid-column: 4/6;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-4-6 {
    grid-column: 4/7;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-5-5 {
    grid-column: 5/6;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-5-6 {
    grid-column: 5/7;
  }
}
@media (min-width: 640px) {
  .grid-container__item--640-6-6 {
    grid-column: 6/7;
  }
}

.page {
  color: #000;
  min-width: 320px;
  scroll-behavior: smooth;
  background-color: #fff;
  padding: 18px 20px;
}
@media (min-width: 640px) {
  .page {
    padding: 18px 41px;
  }
}
@media (min-width: 1024px) {
  .page {
    padding: 0;
  }
}

.home {
  height: 100vh;
}

.main-container {
  display: flex;
  height: 100vh;
  justify-content: space-between;
}
@media (min-width: 320px) {
  .main-container {
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .main-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.sidebar {
  display: none;
}
@media (min-width: 1024px) {
  .sidebar {
    display: block;
    align-self: center;
    width: 50px;
    margin-left: 100px;
  }
}

.elem2 {
  height: 230px;
  margin: 0 auto;
  transform: rotate(90deg);
}
@media (min-width: 640px) {
  .elem2 {
    height: 400px;
  }
}
@media (min-width: 1024px) {
  .elem2 {
    display: none;
  }
}

.head_and_drop {
  height: 0;
  width: 0;
}
@media (min-width: 1024px) {
  .head_and_drop {
    height: 764px;
    width: 100%;
  }
}

.drop {
  height: 100px;
  width: 100px;
  margin: 0 auto 50px;
}
@media (min-width: 1024px) {
  .drop {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100px;
    width: 100px;
    margin: 0 50px 50px 0;
  }
}

.animated-title {
  margin: 0 auto 50px;
}
@media (min-width: 1024px) {
  .animated-title {
    display: block;
    width: 756px;
    margin: auto;
  }
}

.links {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  gap: 5px;
}
@media (min-width: 1024px) {
  .links {
    display: none;
  }
}

.links__onDesktop {
  display: none;
}
@media (min-width: 1024px) {
  .links__onDesktop {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

/*# sourceMappingURL=style.css.map */