input,
textarea {
  box-shadow: none
}

input[type=text]::-ms-clear {
  display: none;
  width  : 0;
  height : 0
}

input[type=text]::-ms-reveal {
  display: none;
  width  : 0;
  height : 0
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none
}

q {
  quotes: "\201c""\201d"
}

[type='file'],
body p:empty,
body h1:empty,
body h2:empty,
body h3:empty,
body h4:empty,
body h5:empty,
body h6:empty,
body li:empty {
  display: none
}

*::after,
*::before,
*::placeholder {
  transition: all .2s linear
}

html *,
body *,
html *::after,
body *::after,
html *::before,
body *::before {
  margin       : 0;
  padding      : 0;
  border       : none;
  outline      : none;
  border-radius: 0;
  box-sizing   : border-box
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0 0 16px 0
}

input,
textarea {
  border     : 1px solid #79858d;
  font-size  : 16px;
  font-weight: 400
}

label,
button,
select,
input[type=submit] {
  cursor: pointer
}

button {
  background: transparent
}

textarea {
  resize  : none;
  overflow: auto
}

a {
  text-decoration: none;
  color          : inherit
}

img[src=""],
img[src="/"] {
  display: none
}

img {
  max-width : 100%;
  object-fit: contain
}

ul li {
  list-style: none
}

ol li {
  list-style: decimal
}

hr {
  width     : 100%;
  height    : 1px;
  background: rgba(0, 0, 0, 0.1)
}


section,
header,
footer {
  width     : 100%;
  padding   : 0px 15px;
  box-sizing: border-box
}

@media (min-width:575.98px) {

  section,
  header,
  footer {
    padding: 0 calc(50% - 280px)
  }
}

@media (min-width:645.98px) {

  section,
  header,
  footer {
    padding: 0 calc(50% - 320px)
  }
}

@media (min-width:769px) {

  section,
  header,
  footer {
    padding: 0 calc(50% - 380px)
  }
}

@media (min-width:991.98px) {

  section,
  header,
  footer {
    padding: 0 calc(50% - 485px)
  }
}

@media (min-width:1199.98px) {

  section,
  header,
  footer {
    padding: 0 calc(50% - 515px)
  }
}

@media (min-width:1250px) {

  section,
  header,
  footer {
    padding: 0 calc(50% - 615px)
  }
}



@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

body {
  font-family: 'PT Sans', sans-serif;
}

.menu-title {
  font-size    : 42px;
  font-weight  : 600;
  margin-bottom: 6px;
}

.menu-subtitle {
  font-size    : 18px;
  opacity      : .6;
  margin-bottom: 48px;

}

.menu-list {
  display : grid;
  grid-gap: 60px;

  grid-template-columns: 1fr 1fr;
  margin-bottom        : 60px;
}

.menu-item {
  display    : flex;
  align-items: center;
}

.menu-item__img {
  min-width   : 168px;
  width       : 168px;
  margin-right: 20px;
  position    : relative;
}

.menu-item__img:before {
  content       : '';
  display       : block;
  width         : 100%;
  padding-bottom: 75%;
}

.menu-item__img img {
  position  : absolute;
  left      : 0;
  top       : 0;
  width     : 100%;
  height    : 100%;
  object-fit: cover;
}

.menu-item__top {
  display      : flex;
  font-size    : 18px;
  opacity      : .6;
  margin-bottom: 20px;
}

/* Cерый - красаYчик */
.menu-item__title {
  flex-grow: 1;
  display  : flex;

}

.menu-item__title:after {
  content      : '';
  flex-grow    : 1;
  border-bottom: 2px dotted #000;
  margin-bottom: 3px;
  margin-left  : 4px;
  margin-right : 4px;
}

.menu-item__sign {}

.menu-item__desc {
  font-size    : 14px;
  opacity      : .8;
  margin-bottom: 20px;
}

.menu-item-fitches {
  display  : flex;
  flex-wrap: wrap;
  margin   : -5px;

  display: none;
}

.menu-item-fitches__item {
  color        : #fff;
  background   : #000;
  border-radius: 4px;
  padding      : 6px;
  font-size    : 12px;
  line-height  : 1;
  margin       : 5px;
}

.menu-item {}


.header {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  padding-top    : 15px;
  padding-bottom : 15px;
  margin-bottom  : 60px;
}

.header-logo img {
  width: 80px;
}

.header-social {
  display    : flex;
  align-items: center;

}

.header-social__item {
  margin: 10px;

  width : 25px;
  height: 25px;
}

.header-social__item img {
  width : 100%;
  height: 100%;
  filter: invert(1) grayscale(1) brightness(1.5);
}

.header-link {
  opacity  : .8;
  font-size: 18px;
}

.footer {
  text-align    : center;
  margin-top    : 80px;
  opacity       : .7;
  font-size     : 18px;
  padding-bottom: 40px;
}




@media (max-width:992px) {
  .menu-list {
    grid-template-columns: 1fr;
  }
}


@media (max-width:520px) {
  .menu-item__img {
    min-width: 128px;
    width    : 128px;

  }

  .header-social {
    flex-wrap      : wrap;
    justify-content: center;
  }
}

@media (max-width:414px) {
  .header {
    flex-wrap: wrap;
  }

  .header-social {
    margin-top: 10px;
    width     : 100%;
    order     : 3;
  }

  .menu-list {
    grid-gap: 32px;
  }

  .menu-item {
    align-items: flex-start;
    display    : block;
  }

  .menu-item__desc {
    font-size    : 12px;
    margin-bottom: 15px;
  }

  .menu-item__top {
    font-size    : 16px;
    margin-bottom: 15px;
  }

  .menu-item__img {
    min-width    : 100px;
    width        : 100px;
    margin-right : 15px;
    margin-bottom: 10px;
    float        : left;
  }

  .footer {
    font-size: 15px;
  }
}