:root {
  font-size: 10px;
  --primary-color: #1127aa;
  --secondary-color: #ed1c24;
  --background-color-gray: #f1f2f2;
  --background-color: #fff;

  --text-color: rgba(0, 0, 0, 0.8);
  --light-color: #fff;
  --secondary-color-contrast: #ffffff;
  --primary-color-contrast: #ffffff;
  --gray-color: #b5b5b5;
  --spacing-header-top: 1rem;
  --spacing-header-side: 1rem;
  --spacing-block-top: 5rem;
  --spacing-block-side: 1rem;
  --header-logo-height: 3rem;
  --header-logo-width: 11rem;
  --footer-logo-height: 12rem;
  --footer-logo-width: 9.2rem;
  --block-circle: 9.4rem;
  --block-circle-small: 4rem;
  --spacing-small: 5rem;
  --square-image: 15rem;
  --news-card-height: 20rem;
  --member-card-height: 25rem;
  --hero-icon:4.5rem
}
@media screen and (min-width: 768px) {
  :root {
    --spacing-block-top: 5rem;
    --spacing-block-side: 3rem;
  }
}
@media screen and (min-width: 992px) {
  :root {
    --header-logo-height: 4rem;
    --header-logo-width: 14rem;
    --footer-logo-height: 16rem;
    --footer-logo-width: 12rem;
    --block-circle: 10rem;
    --block-circle-small: 5rem;
    --square-image: 18rem;
    --hero-icon:5.2rem;
    --spacing-block-top: 5rem;
    --spacing-block-side: 10rem;
    --spacing-header-side: 2rem;
  }
}
@media screen and (min-width: 1440px) {
  :root {
    --footer-logo-height: 23rem;
    --footer-logo-width: 18rem;
    --block-circle: 14rem;
    --block-circle-small: 7rem;
    --square-image: 20rem;
    --news-card-height: 25rem;
    --hero-icon:7rem;
    --spacing-block-top: 6rem;
    --spacing-block-side: 15rem;
    --spacing-header-side: 4rem;

  }
}
@media screen and (min-width: 1670px) {
  :root {
    --spacing-block-top: 8rem;
    --spacing-block-side: 20rem;
    --spacing-header-top: 2rem;
    --spacing-header-side: 4rem;
    --block-circle: 17rem;
    --header-logo-height: 5rem;
    --header-logo-width: 19rem;
    --block-circle-small: 9rem;
    --square-image: 25rem;
    --member-card-height: 29rem;

  }
}
@media screen and (min-width: 1920px) {
  :root {
    --spacing-block-top: 10rem;
    --spacing-block-side: 30rem;
    --square-image: 28rem;
    --news-card-height: 20rem;
    --news-card-height: 29rem;
  }
}

.color__primary {
  color: var(--primary-color);
}
.color__secondary {
  color: var(--secondary-color);
}
.color__light {
  color: var(--light-color);
}