@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Nothing+You+Could+Do&family=Open+Sans:wght@400;600;800&display=swap');
@import url("https://use.typekit.net/lsy0dtc.css");

/*----Variables-----*/

:root {
    --min-vw: 600;
    --min-vw-px: 600px;
    --max-vw: 2050;
    --p-max-size: 14;
    --p-min-size-px: 14px;
    --p-min-size: 14;
    --lg-min-vw: 1366;
    --lg-min-vw-px: 1366px;
    --lg-max-vw: 2050;
    --h1-max-size: 30;
    --h1-min-size-px: 30px;
    --h1-min-size: 30;
    --h2-max-size: 26;
    --h2-min-size-px: 26px;
    --h2-min-size: 26;
    --h3-max-size: 22;
    --h3-min-size-px: 22px;
    --h3-min-size: 22;
}

/*-----Global Tags-----*/

:root,
html,
body {
    font-size: 100% !important;
    font-size: calc( var(--p-min-size-px) + (var(--p-max-size) - var(--p-min-size)) * ((100vw - var(--min-vw-px)) / (var(--max-vw) - var(--min-vw)))) !important;
}

/*16px-18px*/

body,
p,
ul,
li,
a {
    font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.page h1, .page .h1,
.page h2, .page .h2,
.page h3, .page .h3,
.page h4, .page .h4,
.page h5, .page .h5,
.page h6, .page .h6 {
    font-family: niveau-grotesk, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    line-height: 1.25em;
}

#et-top-navigation nav li a {
    font-family: niveau-grotesk, sans-serif;
    font-weight: 500;
	line-height: 1.25em;
	margin:0;
}
.norm-txt {
    text-transform: none;
}
.boldTitle{
    font-family: niveau-grotesk, sans-serif;
    font-weight: 500;
}
.blackTitle{
    font-family: niveau-grotesk, sans-serif;
    font-weight: 800;
}
.handwritten,
.page .handwritten {
	font-family: 'Nothing You Could Do', cursive !important;
	font-weight: 800;
    font-style: normal;
    font-display: swap;
    line-height: 0.85em;
    text-transform: capitalize !important;;
}
/*---- Font Sizes ----*/
.page h1,
.page .h1 {
  margin-top: 0;
  font-size: clamp(1.6rem, 1.2rem + 2vw, 2rem) !important;
  font-family: 'Nothing You Could Do', cursive !important;
  line-height: 1.2;
}

.page h2,
.page .h2 {
  font-size: clamp(1.4rem, 1.05rem + 1.6vw, 1.75rem) !important;
  line-height: 1.25;
}

.page h3,
.page .h3 {
  font-size: clamp(1.25rem, 0.95rem + 1.3vw, 1.5rem) !important;
  line-height: 1.25;
}

.page h4,
.page .h4 {
  font-size: clamp(1.125rem, 0.9rem + 1vw, 1.25rem) !important;
  line-height: 1.3;
}

.page h5,
.page .h5 {
  font-size: clamp(1rem, 0.85rem + 0.8vw, 1.125rem) !important;
  line-height: 1.35;
}

.page h6,
.page .h6 {
  font-size: clamp(0.95rem, 0.8rem + 0.6vw, 1rem) !important;
  line-height: 1.35;
}
small,
.text_small {
    font-size: 0.889rem;
}
.text_half {
    font-size: 0.79rem;
}
sup {
    bottom: 0.5em;
    font-size: .8em;
}

/*Divi Builder*/
h2.media-frame-menu-heading, div#media-frame-title h1, .et-cloud-app-content-wrapper.et-fb-use-native-scroll h2, h2.media-attachments-filter-heading , h3.et-fb-settings-heading, .et-fb-export-file-name-field h3, .et-cloud-app-layout-title-inner h3, .et-cloud-app-layout-title-inner h4 {
    font-size: 1rem!important;
}

@media all and (max-width: 600px) {
  :root,
    html,
    body {
        font-size: 90% !important;
    }
}