.header {
   width: 100%;
   height: 72px;
}

.header__wrapper {
   width: 100%;
   max-width: 1241px;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 0 auto;
}

.header__links {
   list-style-type: none;
   margin: 0;
   padding: 0;
   display: flex;
   align-items: center;
   flex-wrap: nowrap;

   & li:last-child a {
      margin-right: 0;
   }
}

.header__link {
   text-decoration: none;
   margin-right: 15px;
   color: #454F5B;
   transition: all 250ms ease-out;
   font-size: 14px;
   &:hover {
      color: #454f5bbe;
   }
}

.header__currency {
   display: flex;
   align-items: center;
   color: #919EAB;
   font-size: 14px;
   cursor: pointer;
}

.header__currency-current {
   margin-right: 22px;
   display: inline-block;
    position: relative;
   &::after {
      border: 5px solid transparent;
      border-top: 5px solid #919EAB;
      content: "";
      display: block;
      height: 0;
      position: absolute;
      right: -15px;
      top: 8px;
      width: 0;
   }
}

.header__currency-rates-value {
   color: #454F5B;
}

.header__currency-rates-symbol {
   margin-right: 5px;
}

.header__currency-rates-slash {
   margin: 0 5px;
}

.header__item-contact {
   text-decoration: none;
   color: #454F5B;
   font-size: 15px;
   font-weight: 500;
   transition: all 250ms ease-out;
   line-height: 18px;
   margin-right: 10px;
   &:hover {
      opacity: .8;
   }
}

.header__item-contact_blue {
   color: #004BCA;
}

.header__button {
   padding: 12px 20px;
}

@media screen and (max-width: 1200px) {
   .header {
      padding: 0 32px;
   }
}

@media screen and (max-width: 1050px) {
   .header {
      height: auto;
   }

   .header__wrapper {
      display: grid;
      grid-template-columns: repeat(3, auto);
      grid-template-rows: repeat(2, 1fr);
      gap: 25px 0;
   }

   .header__logo {
      grid-column-start: 1;
      grid-row-start: 2;
   }

   .header__nav {
      grid-column-start: 4;
      grid-row-start: 2;
      width: 100%;
   }

   .header__currency {
      grid-column-start: 1;
      grid-row-start: 1;
   }

   .header__currency-rates {
      flex-shrink: 0;
   }

   .header__items {
      display: flex;
   }

   .header__item {
      grid-column: span 3 / span 3;

      grid-column-start: 2;
      grid-row-start: 1;
      display: flex; 
      align-items: flex-end;
      justify-content: flex-end;
      width: 100%;
      flex-grow: 1; 
   }

   .header__button {
      width: 88px;
      grid-column-start: 3;
      grid-row-start: 2;
      justify-self: end;
   }

   .header__links > li {
      flex-shrink: 0;
   }

   .header__link {
      margin-right: 30px;
   }

   .header__item-contact {
      margin-right: 30px;

      &:last-child {
         margin-right: 0;
      }
   }
}


@media screen and (max-width: 560px) {

}