/****************************************
  ==== GILROY
****************************************/

@font-face {
  font-family: "Gilroy";
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/gilroy/gilroy-regular-webfont.woff2') format('woff2'),
       url('../fonts/gilroy/gilroy-regular-webfont.woff') format('woff');
}

@font-face {
  font-family: "Gilroy";
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/gilroy/gilroy-bold-webfont.woff2') format('woff2'),
       url('../fonts/gilroy/gilroy-bold-webfont.woff') format('woff');
}

@font-face {
  font-family: "Gilroy";
  font-weight: 500;
  font-style: normal;
  src: url('../fonts/gilroy/gilroy-medium-webfont.woff2') format('woff2'),
       url('../fonts/gilroy/gilroy-medium-webfont.woff') format('woff');
}

/****************************************
  ==== ROBOTO
****************************************/

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/roboto/roboto-regular.woff2') format('woff2'),
       url('../fonts/roboto/roboto-regular.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: normal;
  src: url('../fonts/roboto/roboto-medium-bold.woff2') format('woff2'),
       url('../fonts/roboto/roboto-medium-bold.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/roboto/roboto-bold.woff2') format('woff2'),
       url('../fonts/roboto/roboto-bold.woff') format('woff');
}

/****************************************
  ==== IBM
****************************************/

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/ibm/IBMPlexSans-SemiBold.woff2") format("woff2");
}

/****************************************
  ==== GLOBAL
****************************************/

body {
  font: 62.5%/1.5 'Roboto', Arial, sans-serif; font-weight: 400;
}
input, select, textarea, button {
  font-family: 'Roboto', Arial, sans-serif;
}
h1, h2, h3, h4 {
  font-family: 'Gilroy', Arial, sans-serif;
}

/****************************************
  ==== BASICS
****************************************/

body {
  color: #141155; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
address, ul li {
  line-height: 1.5;
}
h1, h2 {
  display: inline; position: relative; margin: 0;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="number"], input[type="password"], input[type="search"], select, textarea, button {
  font-size: 1.8em; color: #1f2b3f; font-weight: 400;
}
label {
  font-size: 1.8em; font-weight: 400;
}

/****************************************
  ==== HEADLINES & PARAGRAPHS
****************************************/

h1 {
  font-size: 7.0em; line-height: 1;
}
h2 {
  font-size: 5.0em; line-height: 1;
}
h3 {
  font-size: 3.5em; margin: 0 0 30px 0; line-height: 1.25;
}
h4 {
  font-size: 2.6em; margin: 0 0 20px 0; line-height: 1.25;
}
p {
  font-size: 1.4em; line-height: 1.35714; margin: 0; text-align: left; color: #2c384b;
}
small {
  font-size: 1.6em; margin: 0 0 10px 0;
}

/****************************************
  ==== LISTS
****************************************/

/*Ordered*/
ol {
  padding: 0 0 0 15px; margin: 0 0 20px 0; list-style-type: decimal;
}
ol li {
  padding: 0 0 5px 5px; font-size: 1.4em; line-height: 1.35714;
}
ol li ol {
  padding: 10px 0 0 15px; margin: 0;
}
ol li ol li {
  font-size: 1em;
}

/****************************************
  ==== LINKS
****************************************/

a {
  color: #2666f1; text-decoration: underline; cursor: pointer; word-break: break-word; outline-style: none;
}
a:hover {
  color: #141155;
}
a:focus, a:focus-visible {
  box-shadow: 0 0 0 2px #2666f1; color: #2666f1; text-decoration: none;
}
a:active {
  color: #010125;
}