/* joomla 5.xx */
/* Variables CSS Document */
/******* COLORS *******/
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Lato-Regular.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Lato-Bold.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
body {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 20px;
  color: #464855;
  line-height: 32px;
  display: block;
  text-shadow: none;
  display: block;
  background-color: linear-gradient(to top, #dbdbdb 15%, #a6a6a6 75%); }

html {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 20px;
  color: #464855;
  line-height: 32px;
  display: block;
  text-shadow: none;
  hyphens: auto; }

/* 
::-moz-selection { background: $color-font; color: #fff!important; }
::selection { background: $color-font; color: #fff!important; }
*/
a {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 20px;
  color: #464855;
  line-height: 32px; }

h1 {
  font-family: "Lato";
  font-weight: 700;
  font-size: 3rem;
  color: #464855;
  line-height: 3.8rem;
  display: block;
  text-shadow: none;
  margin-bottom: 40px; }