@font-face {
  font-family: "fnt-eng";
  src: url("../fonts/gelica-300i.woff2") format("woff2"),
  url("/webfonts/gelica-300i.woff") format("woff");
  font-display: swap;
  font-style: italic;
  font-weight: 300;
}

@font-face {
  font-family: "fnt-eng";
  src: url("../fonts/gelica-300.woff2") format("woff2"),
  url("/webfonts/gelica-300.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "fnt-eng";
  src: url("../fonts/gelica-500i.woff2") format("woff2"),
  url("/webfonts/gelica-500i.woff") format("woff");
  font-display: swap;
  font-style: italic;
  font-weight: 500;
}

@font-face {
  font-family: "fnt-eng";
  src: url("../fonts/gelica-500.woff2") format("woff2"),
  url("/webfonts/gelica-500.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "fnt-eng";
  src: url("../fonts/gelica-400i.woff2") format("woff2"),
  url("/webfonts/gelica-400i.woff") format("woff");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "fnt-eng";
  src: url("../fonts/gelica-400.woff2") format("woff2"),
  url("/webfonts/gelica-400.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}



main.home
{
    & > article.banner
    {
        display: grid !important;

        & > header
        {
            & h1
            {
                /*font-size: clamp(20px, 2.5vw, 36px); */
                font-size: clamp(20px, 2.5vw, 36px);
                max-width: clamp(100%, calc(50px - 2vw), 30%);
                padding-right: 0% !important;
                /* text-align: right; */
                /* direction: rtl; */
                font-weight: 900;
                color: #03275b;
                text-shadow: 2px 2px 0 #fff, 3px 3px 0px #66abff, -1px -1px 0px #ffffff;
                line-height: 1.5;
                top: -20px;
                white-space: nowrap !important;




                @media (width <= 655px)
                {
                  &{
                    padding-right: 0% !important;
                    top: -20px  !important;
                    font-size: 20px;
                  }
                }

                @media (width <= 555px)
                {
                  &{
                    padding-right: 0% !important;
                    top: -20px  !important;
                    font-size: 20px;
                    line-height: 1.5;
                  }
                }

                @media (width <= 455px)
                {
                  &{
                    padding-right: 0% !important;
                    top: -66px !important;
                    font-size: 20px;
                    line-height: 1.5;
                  }
                }

            }
        }
    }
}