@font-face {
  font-family: 'Montserrat Alternates';
  src: url('fonts/Montserrat_Alternates/MontserratAlternates-Regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Montserrat Alternates';
  src: url('fonts/Montserrat_Alternates/MontserratAlternates-SemiBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

* {
  box-sizing: border-box;
}

.tablet,
.mobile {
  display: none;
}

body {
  font-family: 'Montserrat Alternates';
  font-style: normal;
  font-weight: 500;
  font-size: calc(100vw * 16 / 1440);
  line-height: calc(100vw * 20 / 1440);
  background: #FFFFFF;
  color: #1F2333;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page {
  margin: calc(100vw * 64 / 1440) calc(100vw * 80 / 1440);
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}

.main {
  display: flex;
  flex-flow: column;
  flex: 1 0 0;
  background: url('img/rocket_desktop.svg') calc(100vw * 21 / 1440) calc(100vw * 8 / 1440) no-repeat;
  background-size: calc(100vw * 585 / 1440) calc(100vw * 215 / 1440);
}

.picture {
  flex: none;
  width: calc(100vw * 582 / 1440);
  margin-left: calc(100vw * 68 / 1440);
}

.picture img {
  max-width: 100%;
}

.header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.header__logo {
  width: calc(100vw * 142 / 1440);
}

.header__flags {
  display: flex;
}

.header__flags-item {
  margin-left: calc(100vw * 22 / 1440);
}

.header__flags-img {
  width: calc(100vw * 36 / 1440);
  border: calc(100vw * 2 / 1440) solid transparent;
  border-radius: calc(100vw * 4 / 1440);
  overflow: hidden;
}

.header__flags-item--ru .header__flags-img {
  background: #CDCDCD;
}

.active .header__flags-img {
  border-color: #EDBC2C;
  background: #edbc2c;
}

.info {
  margin-top: calc(100vw * 216 / 1440);
  padding-bottom: calc(100vw * 158 / 1440);
  background: url("img/planet.svg") 100% calc(100% - 100vw * 69 / 1440) no-repeat;
  background-size: calc(100vw * 205 / 1440) calc(100vw * 138 / 1440);
}

.title {
  font-weight: 700;
  font-size: calc(100vw * 40 / 1440);
  line-height: calc(100vw * 50 / 1440);
  margin: 0;
  padding: 0;
}

.text {
  font-weight: 500;
  font-size: calc(100vw * 18 / 1440);
  line-height: calc(100vw * 28 / 1440);
  margin: 0;
  margin-top: calc(100vw * 24 / 1440);
  padding: 0;
}

.cta {
  font-weight: 500;
  font-size: calc(100vw * 18 / 1440);
  line-height: calc(100vw * 20 / 1440);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: calc(100vw * 16 / 1440) calc(100vw * 24 / 1440);
  background: #365FF6;
  margin-top: calc(100vw * 32 / 1440);
  color: #fff;
  text-decoration: none;
  width: fit-content;
  transition: background-color ease-out .3s;
}

.cta:hover {
  background-color: #EDBC2C;
}

.cta__icon {
  margin-left: calc(100vw * 16 / 1440);
  width: calc(100vw * 24 / 1440);
}

.links {
  display: flex;
  margin-top: auto;
}

.links__item {
  text-decoration: none;
  color: inherit;
  margin-left: calc(100vw * 64 / 1440);
  display: flex;
  align-items: center;
}

.links__item:first-child {
  margin-left: initial;
}

.links__img {
  width: calc(100vw * 24 / 1440);
}

.links__text {
  font-weight: 500;
  font-size: calc(100vw * 18 / 1440);
  line-height: calc(100vw * 20 / 1440);
  margin-left: calc(100vw * 16 / 1440);
}

.links__item:hover .links__text {
  text-decoration: underline;
}