/* ============================================================ HEADER */
.header {
  background: var(--blue19);
  background: linear-gradient(180deg, rgba(25, 53, 90, 1) 0%, rgba(39, 86, 149, 1) 100%);
  min-height: 39.063rem;
  padding: 0.938rem 0;
  position: relative;
  width: 100%;
}

/* ============================== logo */
.logo-block {
  padding-right: 5.938rem;
  text-decoration: none;
  align-items: center;
  flex-wrap: nowrap;
  color: var(--white);
  display: flex;
  outline: none;
}

/* ==================== */
.logo-img {
  margin-right: 0.938rem;
  width: 3.75rem;
}

/* ==================== */
.logo-text .name {
  font-family: 'AdelleSans-Bold';
  margin: 0.313rem 0;
  line-height: 1.563rem;
  font-size: 1.875rem;
  display: block;
}

.logo-text .name .orange-color {
  font-family: 'AdelleSans-Regular';
}

/* ==================== */
.logo-text .subname {
  line-height: 0.938rem;
  font-size: 0.875rem;
  color: var(--blue94);
  display: block;
}

/* ============================== navigation */
.header ul {
  margin-bottom: 0;
  flex-wrap: wrap;
  display: flex;
}

/* ==================== */
.header ul li {
  padding: 0.625rem 2.813rem 0.625rem 0;
  font-family: 'AdelleSans-Bold';
  line-height: 1.563rem;
  font-size: 1.25rem;
}

/* ==================== */
.header ul li a {
  text-decoration: none;
  color: var(--white);
  display: block;
}

/* ==================== */
.header ul li a:hover,
.header ul li a.active {
  color: var(--orange);
}

/* ============================== login / sign up */
.enter-block {
  align-items: center;
  flex-wrap: nowrap;
  display: flex;
}

/* ==================== */
.login-btn {
  font-family: 'AdelleSans-Bold';
  text-decoration: underline;
  margin-right: 3.125rem;
  line-height: 1.563rem;
  font-size: 1.25rem;
  color: var(--white);
  padding: 0;
}

.login-btn:hover,
.login-btn:active {
  background-color: transparent;
  text-decoration: none;
  color: var(--orange);
}

/* ==================== */
.signup-btn {
  padding: 0.938rem 0.938rem 0.938rem 1.563rem;
  font-family: 'AdelleSans-Bold';
  background-color: var(--white);
  border: 1px solid var(--white);
  border-radius: 0.938rem;
  text-decoration: none;
  min-height: 3.188rem;
  align-items: center;
  font-size: 1.25rem;
  color: var(--blue);
  line-height: 1;
  display: flex;
}

.signup-btn:hover,
.signup-btn:active {
  background-color: transparent;
  color: var(--white);
}

.signup-btn:hover svg path {
  fill: var(--white);
}

/* ==================== */
.signup-btn .icon-width {
  margin-left: 2.5rem;
  width: 1.563rem;
}

/* ============================================================ HEADER */



/* ============================================================ MAIN */
.main {
  margin-top: -23.75rem;
  position: relative;
  z-index: 2;
}

/* ============================== */
.public-title {
  text-align: center;
}

.public-title h1 {
  font-family: 'AdelleSans-Bold';
  letter-spacing: -0.055em;
  margin-bottom: 6.25rem;
  display: inline-flex;
  font-size: 9.063rem;
  line-height: 1;
}

/* ============================================================ MAIN END */



/* ============================================================ FOOTER */
.footer {
  background-color: var(--grey33);
  padding: 6.25rem 0 0.938rem;
  position: relative;
  width: 100%;
}

/* ==================== */
.footer p {
  margin-bottom: 0.625rem;
  line-height: 1.25rem;
  font-size: 1rem;
  color: var(--grey82);
}

/* ==================== */
.footer ul {
  margin-bottom: 0;
  flex-wrap: wrap;
  display: flex;
}

.footer ul li {
  padding-bottom: 0.625rem;
  padding-right: 1.25rem;
  line-height: 1.25rem;
  font-size: 1rem;
}

.footer ul li a {
  text-decoration: none;
  color: var(--white);
  display: block;
}

.footer ul li a:hover {
  color: var(--orange);
}

/* ============================================================ FOOTER END */

@media screen and (min-width: 1920px) {
  html {
    font-size: 13px;
  }
}

@media (min-width: 1400px) and (max-width: 1919.9px) {
  html {
    font-size: 12px;
  }

  .container-fluid {
    padding-right: 8.125rem;
    padding-left: 8.125rem;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  .container-fluid {
    padding-right: 4.063rem;
    padding-left: 4.063rem;
  }
}

@media screen and (max-width: 1399.9px) {
  html {
    font-size: 10px;
  }
}

@media screen and (max-width: 991.9px) {
  .logo-block {
    padding-right: 1rem;
  }

  .logo-text {
    display: none;
  }

  .header ul {
    margin-top: 1rem;
  }

  .header ul li:last-child {
    padding-right: 0;
  }
}

@media screen and (max-width: 575.9px) {
  html {
    font-size: 10px;
  }

  .public .main {
    margin-top: -7.938rem;
  }

  .public-title h1 {
    font-size: 6.063rem;
  }

  .footer {
    text-align: center;
  }

  .footer ul {
    justify-content: center;
  }
}