@charset "UTF-8";

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkCHkaSTbQWt4N.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkBnkaSTbQWg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --black: #000000;
  --white: #ffffff;
  --grey: #F6F6F6;
  --brown: #D3B600;
  --darkyellow: #EDC300;
  --yellow: #F7D501;
}

body,
html {
  height: 100%;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:"wdth" 100;
  color: var(--black);
}

a {
  color: var(--black);
  text-decoration: none;
  text-underline-offset: 0.125em !important;
}

a:hover
{
  text-decoration: underline;
}

.main-menu
{
  text-align: right;
}

.main-menu a
{
  margin-left:20px;
}

.carousel
{
  margin-top:40px;
}

.grey-background {
  background-color: var(--grey);
}

.logo img {
  height: 20px;
}

.payoff {
  font-size: 1.5em;
  padding-top:90px;
  padding-bottom:90px;
  font-weight: 500;
}

.page-text
{
  font-size:1em;
  padding-top:90px;
  padding-bottom:90px;
}

.page-text h2
{
  font-size: 1em;
  font-weight: normal;
}

.page-text h4
{
  font-size: 1.5em;
  font-weight: 500;
  margin-bottom:20px;
}


.page-padding-left
{
  padding-left:20%;
}

.page-padding-right
{
  padding-right:20%;
}

.product-detail img {
  width: 50%;
}

.dark-yellow {
  background-color: var(--darkyellow);
  padding-top: 90px;
  padding-bottom: 90px;
}

.yellow-background {
  background-color: var(--yellow);
}

.contact a {
  margin-right: 20px;
}

.footer {
  background-color: var(--brown);
  padding-top: 20px;
  padding-bottom: 90px;
  font-size:14px;
}

/* RESPONSIVE */

@media (max-width: 768px) {

.main-menu
{
  text-align: center;
}

.logo
{
  text-align: center;
}

.logo img
{
  margin-top:10px;
  margin-bottom:10px;
}

.payoff {
  padding-top:40px;
  padding-bottom:40px;
}

.product-detail img {
  width: 90%;
}

.dark-yellow {
  padding-top: 40px;
  padding-bottom: 40px;
}

.yellow-background {
  padding-top: 0;
  padding-bottom: 0;
}

.contact
{
  padding-top:40px;
  padding-bottom:40px;
}

.social-icons
{
  margin-top:20px;
  margin-bottom:20px;
}

.product-detail
{
  padding-left:10%;
  padding-right:10%;
}

.footer {
  padding-bottom: 40px;
}

}


@media (min-width: 768px) and (max-width: 992px) {}



@media (min-width: 992px) and (max-width: 1440px) {}



@media (min-width: 1440px) {}