*, *:before, *:after{
  font-family: 'Arial';
  box-sizing: border-box;
}
  
@font-face {
  font-family: 'Gilroy-Regular';
  font-style: normal;
  font-weight: normal;
  src: local('./fonts/Gilroy-Regular'), url('./fonts/Gilroy-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Gilroy-Medium';
  font-style: normal;
  font-weight: normal;
  src: local('./fonts/Gilroy-Medium'), url('./fonts/Gilroy-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Gilroy-Bold';
  font-style: normal;
  font-weight: normal;
  src: local('./fonts/Gilroy-Bold'), url('./fonts/Gilroy-Bold.woff') format('woff');
}

:root{
  --wrap-base: 1080px;
  --color-base: #2D2E2F;
  --color-primary-dark: #081D5E;
  --color-primary-medium: #213873;
  --color-primary-light: #3777E7;
  --color-primary-lighty: #BAD6FB;
  --color-primary-lighten: #EEF5FF;
  --color-secondary: #F62446;
}

.wrap{
  max-width: var(--wrap-base);
  margin: 0 auto;
}

@media only screen and (max-width: 959px) {
  .wrap{
    padding-inline: 25px;
  }
}

img{
  max-width: 100%;
  height: auto;
}