/* --------------- */
/* -             - */
/* -   M A I N   - */
/* -             - */
/* --------------- */

:root {

	--primary-bg-color: #000000 !important; /* black */
	--secondary-bg-color: #303030 !important; /* dark grey */
	--primary-text-color: #F9F9F9 !important; /* white */
	--secondary-text-color: #FF0000 !important; /* red */
	--primary-stroke-color: #FF0000 !important; /* red */
	--secondary-stroke-color: #303030 !important; /* dark grey  */
	--sample-text-color: #FF0000 !important; /* black */
	
	/* text colors */	
    
	--primary_text_color: #F9F9F9 !important;
    --secondary_text_color: #696969 !important;
	
    --button_text_color: #F9F9F9 !important;
    --add_to_cart_button_text_color: #F9F9F9 !important;
    --checkout_button_text_color: #F9F9F9 !important;
	--download_button_text_color: #F9F9F9 !important;

    --button_hover_border_color: #FF0000 !important;
    --button_hover_text_color: #FF0000 !important;

    --button_selected_border_color: #FF0000 !important;
    --button_selected_text_color: #FF0000 !important;  

    --add_to_cart_button_hover_border_color: #FF0000 !important;
    --add_to_cart_button_hover_text_color: #FF0000 !important; 
    --checkout_button_hover_border_color: #FF0000 !important;
    --checkout_button_hover_text_color: #FF0000 !important;
	--download_button_hover_border_color: #FF0000 !important;
    --download_button_hover_text_color: #FF0000 !important;  
 

 	/* background colors */	     
 
    --primary_background_color: #000000 !important;
    --secondary_background_color: #303030 !important;

    --button_background_color: #000000 !important;
    --add_to_cart_button_background_color: #000000 !important;
    --checkout_button_background_color: #000000 !important;
    --download_button_background_color: #000000 !important;
 
    --button_selected_background_color: #303030 !important; 

    --download_button_hover_background_color: #303030 !important;
    --checkout_button_hover_background_color: #303030 !important;
    --add_to_cart_button_hover_background_color: #303030 !important;
    --button_hover_background_color: #303030 !important;

    --horizontal_rule_color: #FF0000 !important;

 	/* border etc colors */	     

    --link_color: #C0C0C0 !important;
    --button_border_color: #FF0000 !important;
    --add_to_cart_button_border_color: #FF0000 !important;
    --checkout_button_border_color: #FF0000 !important;
    --download_button_border_color: #FF0000 !important;

    --link_hover_color: #FF0000 !important;
    --active_link_color: #696969 !important;
    
    --error_color: #FF0000 !important;
    --success_color: #00AA00 !important;
    --cart_indicator_color: #0000FF !important;

 	/* misc variables */	     

    --body-size: 14px !important;
    --body-lineheight: 22px !important;

}

html {
    scroll-behavior: smooth;
}

html.sr .load-hidden {
	visibility: hidden;
}

body {
	font-family: 'Larsen Mono';
	font-weight: 400;
    font-size: var(--body-size) !important;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    line-height: var(--body-lineheight) !important;
	color: var(--primary-text-color) !important;
	background-color: var(--primary-bg-color) !important;
	transition: background-color 200ms !important;
	position: relative;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.example {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

:target:before {
    content: "";
    display: block;
    height: 300px;
    margin: -300px 0 0;
}

.slideanim {
	visibility: hidden;
}

a[href^=tel] {
   text-decoration:inherit;
   color: inherit;
}

/* --------------- */
/* -             - */
/* -   T Y P E   - */
/* -             - */
/* --------------- */

h1 {
	font-family: 'Debris';
	font-weight: 400;
	font-size: 38px;
    line-height: 46px;
}

h3, h2 {
	font-family: 'Larsen Mono';
	font-weight: 400;
    font-style: normal !important;
    font-size: var(--body-size) !important;
    line-height: var(--body-lineheight) !important;
	letter-spacing: 0px;
	font-variant-ligatures: none;
}

h4 {
	font-family: 'Beltram';
	font-weight: 400;
    font-size: 40px;
	text-align: left;
}  

.beltram-header,
.beltram-mono-header,
.chauffeur-header,
.dolph-header,
.larsen-header,
.louche-header,
.rondeau-header {
	text-align: center;
	line-height: 0px !important;
	padding: 32vh 0 !important;
	margin-top: -40px;
	height: auto !important;
    color: var(--sample-text-color) !important;
}

.beltram-header { 
 	font-size: 300px;
}

.beltram-mono-header {
 	font-size: 160px;
}

.chauffeur-header {
 	font-size: 480px;
}

.dolph-header {
 	font-size: 300px;
}

.larsen-header {
 	font-size: 260px;
}

.louche-header {
 	font-size: 480px;
}

.rondeau-header {
 	font-size: 320px;
}

.beltram-styles,
.beltram-mono-styles,
.chauffeur-styles,
.dolph-styles,
.larsen-styles,
.louche-styles,
.rondeau-styles {
	text-align: left;
    color: var(--sample-text-color) !important;
}

.beltram-styles {
 	font-size: 32px;
 	line-height: 38px;
}

.beltram-mono-styles {
 	font-size: 32px;
 	line-height: 38px;
}

.chauffeur-styles {
 	font-size: 48px;
 	line-height:54px;
}

.dolph-styles {
 	font-size: 20px;
 	line-height: 24px;
}

.larsen-styles {
 	font-size: 40px;
 	line-height: 46px;
}

.louche-styles {
 	font-size: 60px;
 	line-height: 68px;
}

.rondeau-styles {
 	font-size: 48px;
 	line-height: 56px;
}

.submit-button,
.checkbox input,
.text-field__input,
p,
a,
.cart-button {
	font-family: 'Larsen mono';
    font-size: var(--body-size) !important;
    line-height: var(--body-lineheight) !important;
    font-weight: 400;
    font-style: normal !important;
	text-decoration: none;
	font-variant-ligatures: none;
}

.caption {
	font-family: 'Larsen mono';
    font-size: 10px !important;
    line-height: 15px !important;
}

a,
.cart-button
 {
	color: var(--primary-text-color) !important;
	transition: color 200ms;

}

a:hover {
    color: var(--secondary-text-color) !important;
}

.cart-button:hover {
    color: var(--secondary-text-color) !important;
}

.cart-button,
a {
	overflow: hidden !important;
	display: block;
	position: relative;
}

footer a,
footer h3 {
	padding: 0 !important;
}

h1 {
    color: var(--primary-text-color) !important;
}

h3,
p,
td {
    color: var(--primary-text-color) !important;
}

/* opentype features */

.onum {
	font-variant-numeric: oldstyle-nums !important;
	font-feature-settings: 'onum' on !important;
}

.lnum {
	font-variant-numeric: lining-nums !important;
	font-feature-settings: 'lnum' on !important;
}

.tnum {
	font-variant-numeric: tabular-nums !important;
	font-feature-settings: 'tnum' on !important;
}

.frac {
	font-variant-numeric: diagonal-fractions !important;
	font-feature-settings: 'frac' on !important;
}

.ss01 {
	font-feature-settings: 'ss01' on !important;
}

.ss02 {
	font-feature-settings: 'ss02' on !important;
}

.ss03 {
	font-feature-settings: 'ss03' on !important;
}

.ss04 {
	font-feature-settings: 'ss04' on !important;
}

.ss05 {
	font-feature-settings: 'ss05' on !important;
}

/* --------------------------- */
/* -                         - */
/* -   N A V I G A T I O N   - */
/* -                         - */
/* --------------------------- */


.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar {
    margin-bottom: 0;
	background-color: transparent !important;
  	background-image: linear-gradient(to bottom, rgba(0,0,0,1.0), rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0.3), rgba(0,0,0,0.1), rgba(0,0,0,0.0));
	transition: background-color 300ms, border-color 300ms !important;
	z-index: 999 !important;
    border: 0;
    border-bottom: 1px solid var(--primary-stroke-color) !important;
    border-color: transparent !important;
    border-radius: 0;
    font-family: "Larsen Mono";
    font-weight: 400;
 	padding: 0px;
 	padding-top: 20px !important;
	padding-bottom: 20px !important;
 	align-items: start !important;
 	-webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* Firefox 4+, Opera, Chrome */
}

.navbar:hover {
	background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-stroke-color) !important;
}

.typeface-item:nth-child(1) {
	padding: 10px 0 0 0 !important;
	border-top: 1px solid var(--primary-stroke-color) !important;
	margin-top: 10px;
}

.typeface-item:nth-child(2),
.typeface-item:nth-child(3),
.typeface-item:nth-child(4),
.typeface-item:nth-child(5),
.typeface-item:nth-child(6),
.typeface-item:nth-child(7) {
	padding: 10px 0 0 0 !important;
}

.navbar-brand {
	padding: 0 !important;
	margin: 0 !important;
	text-decoration: none;
	white-space: nowrap;
}

.navbar-nav {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-link {
	padding: 0 !important;
}

.nav-item {
	border-top: 0px;   
	padding: 0px 16px !important;
}

#cart .nav-item {
	padding: 0px 0px 0px 16px !important;
}

.navbar-flex-row {
	flex-direction: row !important;
}

.navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center;
	margin-top: 0 !important;
}

/* animated navbar toggle */

.navbar-toggler {
	padding: 0 0 0 16px !important;
  	font-size: 1.25rem;
  	line-height: 1;
  	background-color: transparent;
  	border-radius: 0.25rem;
  	transition: box-shadow 0.15s ease-in-out;
  	border: 0 !important;
    border-radius: 0px !important;
}

.animated-burger {
	width: 30px;
	height: 20px;
	position: relative;
	margin-top: 2px !important;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.animated-burger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.animated-burger span {
	background: var(--primary-text-color);
}

.animated-burger span:nth-child(1) {
	top: 0px;
}

.animated-burger span:nth-child(2),
.animated-burger span:nth-child(3) {
	top: 8px;
}

.animated-burger span:nth-child(4) {
	top: 16px;
}

.animated-burger.open span:nth-child(1) {
	top: 9px;
	width: 0%;
	left: 50%;
}

.animated-burger.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.animated-burger.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.animated-burger.open span:nth-child(4) {
	top: 9px;
	width: 0%;
	left: 50%;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.close-navbar-toggler {
	position:absolute;
  	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1;
	cursor:pointer;
}

.close-navbar-toggler.collapsed {
	z-index:-1;
}


/* --------------------- */
/* -                   - */
/* -   F O N T D U E   - */
/* -                   - */
/* --------------------- */

/* TYPE TESTER */

.type-tester {
	border: 0 !important;
	color: var(--sample-text-color) !important;
	font-size: var(--body-size) !important;
	padding: 0 !important;
}

.type-tester__features-button {
	margin-right: 0 !important;
	margin-left: 20px !important;
}
.type-tester__slider {
	margin-right: 20px !important;
	margin-left: 20px !important;
}

.type-tester__text {
    margin: 4rem 0 0rem 0 !important;
}

.mobile-tester .public-DraftStyleDefault-ltr {
    text-align: center !important;
}

.single .public-DraftStyleDefault-ltr {
    text-align: left !important;
}

.single-c .public-DraftStyleDefault-ltr {
    text-align: center !important;
}

.para .public-DraftStyleDefault-ltr {
    text-align: left !important;
}

.para-c .public-DraftStyleDefault-ltr {
    text-align: center !important;
}

.type-tester__toolbar__tools {
    flex: 0 1 !important;
    color: var(--primary-text-color) !important;
}

.type-tester-select__label {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.type-tester__features {
	flex: 0 1 !important;
	display: flex !important;
	justify-content: flex-end !important;
    color: var(--primary-text-color) !important;
}

.type-tester__features__button {
    padding: 0px 8px !important;
}

.icon svg {
	width: 0.85em !important;
}

.type-tester__features-button .icon {
    font-size: inherit;
    margin-bottom: 4px;
}

.type-tester__text__container{
	margin-right: -1px !important;
}

/* BUY BUTTON */

.buy-button {
    background: none;
    color: inherit;
    font: inherit;
    text-decoration: inherit;
    text-align: inherit;
    border: 0;
    border-radius: 0;
    margin: 0;
    appearance: none;
    text-transform: inherit;
    padding: 0 !important;
    color: inherit !important;
    background: none !important;
    border: none !important;
    font-size: inherit !important;
    text-transform: capitalize !important;
}

/* STORE MODAL */

.store-modal__license-selection__license-button {

}

.cart-button__label {
	text-decoration: none !important;
}

.store-modal__page__title {
    font-weight: 300 !important;
    font-size: var(--body-size) !important;
    font-family:"Larsen mono"
}

button .cart-button {
	padding: 2px 4px !important; 
}

.store-modal__container__container {
    animation-name: store-modal;
    -webkit-animation-name: store-modal;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	border-left: solid var(--primary-stroke-color) 1px !important;
}

@keyframes store-modal {
    0% {opacity: 0; transform: translateX(100%);} 
  100% {opacity: 100; transform: translateX(0%);}
  
}

.store-modal__container__container {
    font-family: "Larsen Mono" !important;
    font-weight: 300 !important;
    font-size: var(--body-size) !important;
    line-height: var(--body-lineheight) !important;
    max-width: 680px !important;
}

.store-modal__family__family-button[data-clickable=false] {
    padding-left: inherit !important;
    padding-right: inherit !important;
    box-shadow: none;
    padding: 15px 20px !important;
}

.store-modal__family__bundle-button:not(:disabled),
.store-modal__family__family-button:not(:disabled),
.store-modal__family__style-button:not(:disabled) {
    background: var(--button_background_color) !important;
    box-shadow: 0 0 0 1px var(--primary-text-color) !important;
}

.store-modal__family__bundle-button[data-selected=true]:not(:disabled),
.store-modal__family__family-button[data-selected=true]:not(:disabled),
.store-modal__family__style-button[data-selected=true]:not(:disabled) {
    background: var(--button_selected_background_color) !important;
    box-shadow: 0 0 0 1px var(--primary-text-color) !important;
}

.store-modal__index-item__name {
    font-size: var(--body-size) !important;
    line-height: var(--body-lineheight) !important;
    font-weight: 300 !important;
}

.cart__price-block[data-line=total] .cart__price-block__price,
.cart__price-blocks[data-hide-total=true] .cart__price-block[data-line=discounted-subtotal] .cart__price-block__price,
.cart__price-blocks[data-hide-total=true].cart__price-blocks[data-has-discount=false] .cart__price-block[data-line=subtotal] .cart__price-block__price {
    font-size: var(--body-size) !important;
    line-height: var(--body-lineheight) !important;
    font-weight: 300 !important;
}

.react-select .react-select__control,
.text-field__prefix {
    font-size: var(--body-size) !important;
}

/* 
.react-select__label-wrapper {
    color: var(--primary-text-color) !important;
}
 */


/* TRIAL FONTS AND NEWSLETTER */


.test-fonts,
.newsletter-signup {
    font-size: var(--body-size) !important;
}

.text-field__input-wrapper {
	border-bottom: 1px solid var(--primary-stroke-color) !important;
	width: 100% !important;
}

.text-field__input {
    background: none !important;
    color: inherit !important;
    text-decoration: inherit;
    text-align: inherit;
    border: 1px solid inherit !important;
    border-radius: 0;
    padding: 6px !important;
    margin: 0;
    appearance: none;
    text-transform: inherit;
    flex: 1 1;
    color: inherit !important;
	box-shadow: none !important;
}

.test-fonts__form .text-field__label-wrapper,
.newsletter-signup .text-field__label-wrapper {
	display: none !important; 
}

.submit-button {
    color: var(--primary-text-color) !important;
    font: inherit !important;
    background: inherit !important;
    border: 1px solid var(--primary-stroke-color) !important;
    text-decoration: none;
    text-align: inherit;
    border-radius: 0;
    margin: 0;
    appearance: none;
    text-transform: inherit;
    padding: 4px 8px !important;
}

.checkbox {
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
    margin-right: 12px;
    height: 24px !important;
    width: 24px !important;
}

label {
    color: var(--primary-text-color) !important;
	display: block !important;
}

.checkbox input {
    background: none;
    color: var(--primary-text-color) !important;
    text-decoration: inherit;
    text-align: inherit;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    appearance: none;
    text-transform: inherit;
    vertical-align: top;
    height: 24px !important;
    width: 24px !important;
    border: 1px solid var(--primary-stroke-color) !important;
}

input {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;

}

.newsletter-signup__checkbox-field {
    display: flex;
    align-items: center;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
}

.newsletter-signup__section,
.test-fonts__section {
	margin-bottom: 20px !important;
}

.checkbox__icon .icon {
    font-size: 16px !important;
    line-height: 22px !important;
    color: var(--primary-text-color);
    margin-bottom: 0px;
    margin-left: 0px;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: black !important;
    color: -internal-light-dark(black, white) !important;
}

/* --------------- */
/* -             - */
/* -   M I S C   - */
/* -             - */
/* --------------- */


/* scrollup button */

#scrollup-button {
	position: fixed;
	z-index: 99;
	bottom: 32px;
	font-size: 18px;
	outline: none;
	color: white;
	cursor: pointer;
	padding: 0;
	border-radius: 0px;
	border: 0;
	transition: background-color 300ms, border-color 300ms;
	background-color: rgba(255,250,250,0.0);
	border-color: var(--primary-stroke-color);
  	display: none;
  	opacity:1;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@keyframes show-scrollup {
	0% {opacity: 0;} 
	100% {opacity: 1;}
}

/* FAQ accordion button */

.faq-accordion-button,
.eula-accordion-button,
.price-accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  overflow-anchor: none;
  padding-right: 20px !important;
}

.faq-accordion-button:not(.collapsed)::after,
.eula-accordion-button:not(.collapsed)::after,
.price-accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F9F9F9'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
	transform: rotate(-180deg);
}

.faq-accordion-button::after,
.eula-accordion-button::after,
.price-accordion-button::after {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	margin-left: auto;
	content: "";
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F9F9F9'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 20px;
	transition: transform 0.2s ease-in-out;
}

.faq-accordion-text,
.eula-accordion-text,
.price-accordion-text {
	padding: 0 20px 0 0 !important;
	margin-bottom: 0 !important;
}

/* Underline styles */

.anim-link-left,
.anim-link {
	overflow: hidden !important;
	display: inline-block;
	position: relative;
	padding: 0 0 6px 0;
}


.static-link {
	overflow: hidden !important;
    border-bottom: 1px solid var(--primary-stroke-color) !important;
	display: inline-block;
	position: relative;
	padding: 0 0 6px 0;
}

.static-link-inline {
	display: inline !important;
}

.footer-links a,
.static-link-inline,
.static-link,
.arrow-link,
.arrow-link-multi,
.anim-arrow,
.color-link,
.static-link a {
	color: var(--secondary-text-color) !important;
}

.arrow-link a {
	margin-bottom: 1rem !important;
}

.arrow-link-multi a:last-child {
	margin-bottom: 1rem !important;
}

.cart-button__label:hover,
.cart-button__label:focus,
.navbar-brand:hover,
.navbar-brand:focus,
.nav-item a:hover,
.nav-item a:focus,
.nav-link:hover,
.nav-link:focus,
.footer-links a:hover,
.footer-links a:focus,
.color-link:hover,
.color-link:focus {
  	background: linear-gradient(
  		90deg, 
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
		);
	background-size: 400% 100%;
	color: transparent !important;
	background-clip: text;
	-webkit-background-clip: text;
	animation: gradient 2s infinite linear;
}

@keyframes gradient {
	0% {background-position: 100% 50%;}
	100% {background-position: -33% 50%;}
}

@keyframes arrow {
	0% {left: 0px;}
	50% {left: 5px;}
	100% {left: 0px;}
}

.anim-arrow {
	display: inline-block !important;
	padding-left: 6px;
	position: relative;
	animation-name: arrow;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

/* Fade in */

.anim-link-left::after,
.anim-link::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--secondary-bg-color);
	opacity: 0;
	transition: opacity 200ms, transform 200ms;
}

.anim-link-left:hover::after,
.anim-link-left:focus::after,
.anim-link:hover::after,
.anim-link:focus::after {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

/* Slide in */

.anim-link-left {
	overflow: hidden;
}

.anim-link-left::after {
	opacity 1;
	transform: translate3d(-100%, 0, 0);
}

.anim-link-left:hover::after,
.anim-link-left:focus::after {
	transform: translate3d(0, 0, 0);
}

/* Scale from center */

.anim-link::after {
	opacity 1;
	transform: scale(0);
	transform-origin: center;
}

.anim-link:hover::after,
.anim-link:focus::after {
	transform: scale(1);
}

/* Dark mode switch */

.form-switch .form-check-input {
    width: 18px !important;
    height: 18px !important;
	margin-left: 0 !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 4 8 8'%3e%3cpath d='M4, 4 a1,1 0 0,0 0,8' id='switchsymbol' fill='red'/%3e%3c/svg%3e") !important;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;  
    background-color: #000000 !important;
}

.form-check .form-check-input {
    float: left;
 	margin-top: 4px !important;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
}

.form-check {
	margin-bottom: 0 !important;
}

.form-check-input:checked {
    background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-stroke-color) !important;
	transform: rotate(540deg);
}

.form-check-input {
    width: 18px !important;
    height: 18px !important;
    margin-top: 0 !important;
    border: 1px solid var(--primary-stroke-color) !important;
}

.form-check-input:focus {
  color: none !important;
  background-color: var(--primary-bg-color) !important;
  border-color: var(--primary-stroke-color) !important;
  box-shadow: none !important;
}

/* misc */

.custom-button {
	width: 200px;
	text-align: center;
	max-width: 200px;
	border:1px solid;
	height:60px;
}

.custom-button p,
.custom-button div {
	line-height:55px !important;
}

.footer {
	z-index: 120 !important;
    position: static;
    left: 0;
	right: 0;
	bottom: 0;
	padding-top: 20px !important;
}

.large-text {
	margin-top: 100px !important;
	margin-bottom: 100px !important;
}

.large-text-alt {
	margin: 100px 0 40px !important;
}

.dark-image {
  display: block !important;
}

.light-image {
  display: none !important;
}

/* ------------------------- */
/* -                       - */
/* -   U T I L I T I E S   - */
/* -                       - */
/* ------------------------- */

.margin-border-bottom {
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid var(--primary-stroke-color) !important;
}

.thin-divider {
	margin-bottom: 12px;
	margin-top: 0px;
	height: 1px !important;
	background-color: var(--primary-stroke-color);
}


.border-left {
	border-left: 1px solid !important;
	padding-left: 60px;
}

.border-right {
	border-right: 1px solid !important;
	padding-right: 60px;
}

.border-bottom {
	border-bottom: 1px solid var(--primary-stroke-color) !important;
}

.border-top {
	border-top: 1px solid var(--primary-stroke-color) !important;   
}

.pricing-table {
  	width: 100%;
	padding: 0.5rem 0.5rem;
}

.pricing-table td {
	padding: 0.5rem 0.5rem;
}

.pricing-table :not(:last-child) td {
	border-bottom: 1px solid var(--primary-stroke-color) !important;	
}

.hide-mobile {
	display: block !important;
}

.hide-desktop {
	display: none !important;
}

.hide-mobile-flex {
	display: flex !important;
}

.hide-desktop-flex {
	display: none !important;
}

.hide-mobile-inline {
	display: inline-block !important;
}

.hide-desktop-inline {
	display: none !important;
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}

/* ------------------------- */
/* -                       - */
/* -   M A I L C H I M P   - */
/* -                       - */
/* ------------------------- */


#mc_embed_signup {
	background: none;
	clear: left;
	font: inherit;
	font-size: inherit;
}

#mc_embed_signup form {
	display:block;
	position:relative;
	text-align:left;
	margin: 0 !important;
}

#mc_embed_signup .form-control {
	padding: 0 20px !important;
	height: 40px !important;
}

#mc_embed_signup input {
	background-color:var(--primary-bg-color) !important;
	border: 1px solid var(--primary-stroke-color) !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	font-size: inherit;
}

#mc_embed_signup input[type=checkbox] {
	-webkit-appearance:checkbox;
}

#mc_embed_signup input[type=radio] {
	-webkit-appearance:radio;
}

#mc_embed_signup input:focus {
	border-color:#333;
}

#mc_embed_signup .button {
	clear:both;
	background-color: var(--primary-bg-color) !important;
	border: 1px solid var(--primary-stroke-color) !important;
	border-radius: 0 !important;
	transition: inherit !important;
	color: var(--primary-text-color) !important;
	cursor: pointer;
	display: inline-block;
	font-size: inherit !important;
	font-weight: normal;
	height: 40px !important;
	line-height: 1.5 !important;
	margin: 0 0 0 -1px !important;
	padding: 0 20px !important;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: fit-content;
	width: -moz-fit-content;
}

#mc_embed_signup .button:hover {
	color:var(--secondary-text-color) !important;
}

#mc_embed_signup .clear {
	clear:both;
}

#mc_embed_signup div#mce-responses {
	float:left;
	top:-1.4em;
	padding:0 !important;
	overflow:hidden;
	width:100% !important;
	margin: 0 !important;
	clear: both;
}

#mc_embed_signup div.response {
	margin:0 !important;
	padding:0 !important;
	font-weight:400 !important;
	float:left;
	top:-1.5em;
	z-index:1;
	width:100% !important;
}

#mc_embed_signup #mce-error-response {
	color:var(--primary-text-color) !important;
	display:none;
}

#mc_embed_signup #mce-success-response {
	color:var(--primary-text-color) !important;
	display:none;
}


/* -------------------------------- */
/* -                              - */
/* -   C H A R A C T E R  S E T   - */
/* -                              - */
/* -------------------------------- */


.glyph-table {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	align-items: center !important;
}

.glyph-box {
	font-size: 30px !important;
	line-height: 20px !important;
	width: 72px !important; 
	height: 72px !important; 
	border: 1px solid var(--secondary-stroke-color);
	text-align: center !important;
	transition: transform .2s;
	margin: 0 -1px -1px 0;
    background: var(--primary-bg-color) !important;
    color: var(--primary-text-color) !important;
    padding: 0 !important;
}

.glyph-box:hover,
.glyph-box:focus {
	color: var(--primary-text-color) !important;
    background: var(--secondary-bg-color) !important;
 } 


#character-set-chauffeur {
	font-family:"Chauffeur Compressed" !important;
	font-weight: 400;
	font-style: normal;
}

#character-set-chauffeur .glyph-zoom,
#character-set-chauffeur .glyph-box {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-variant-numeric: inherit;
	font-feature-settings: inherit;
}

#character-set-beltram {
	font-family:"Beltram" !important;
	font-weight: 400;
	font-style: normal;
}

#character-set-beltram .glyph-zoom,
#character-set-beltram .glyph-box {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-variant-numeric: inherit;
	font-feature-settings: inherit;
}

#character-set-beltram-mono {
	font-family:"Beltram Mono" !important;
	font-weight: 400;
	font-style: normal;
}

#character-set-beltram-mono .glyph-zoom,
#character-set-beltram-mono .glyph-box {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-variant-numeric: inherit;
	font-feature-settings: inherit;
}

#character-set-dolph {
	font-family:"Dolph KOO";
	font-weight: 300;
	font-style: normal;
}

#character-set-dolph .glyph-zoom,
#character-set-dolph .glyph-box {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-variant-numeric: inherit;
	font-feature-settings: inherit;
}

#character-set-larsen {
	font-family:"Larsen" !important;
	font-stretch: normal;
}

#character-set-larsen .glyph-zoom,
#character-set-larsen .glyph-box {
	font-family: inherit;
	font-weight: inherit;
	font-stretch: inherit;
	font-variant-numeric: inherit;
	font-feature-settings: inherit;
}

#character-set-louche {
	font-family:"Louche" !important;
	font-weight: 500;
}

#character-set-louche .glyph-zoom,
#character-set-louche .glyph-box {
	font-family: inherit;
	font-weight: inherit;
	font-variant-numeric: inherit;
	font-feature-settings: inherit;
}

#character-set-rondeau {
	font-family:"Rondeau" !important;
	font-weight: 400;
	font-style: normal;
}

#character-set-rondeau .glyph-zoom,
#character-set-rondeau .glyph-box {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-variant-numeric: inherit;
	font-feature-settings: inherit;
}

select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}


select {
    font-style: normal;
    font-size: var(--body-size) !important;
    font-family:"Larsen Mono", sans-serif !important;
    text-rendering: optimizeLegibility;
    color: var(--primary-text-color);
    background-color: inherit;
	border: 1px solid var(--secondary-stroke-color);
    border-image: none;
    border-radius: 0px;
    padding: 2px 2px 2px 6px;
}

.zoom-container select {
    margin: 4px 0px 2px 0px !important;
}

select,
.select-font {
	width: 280px; /* real length of dropdown */
}

.select-font {
	overflow: hidden;
	position: relative;
	z-index:100 !important;
}

.select-font:after {
	font-family: 'Larsen Mono', sans-serif;
	font-weight: 400 !important;
    font-style: normal !important;
    font-size: var(--body-size) !important;
	content: "▼";
	pointer-events: none; /* ▼ click triggers dropdown */
	position: absolute;
	right: 8px !important;
	top: 4px !important;
	z-index: 1;
    margin: 4px 0px 2px 0px !important;
}

input:focus,
select:focus,
.form-control:focus,
textarea:focus,
button:focus {
	outline: none !important;
	box-shadow: none !important;
}

option {
    display: block;
    white-space: nowrap;
    min-height: 1.2em;
    padding: 0px 0px 0px;
    font-size: 14px;
    font-family:"Larsen Mono", monospace !important;
    font-weight: 400;
}

.glyph-zoom {
	z-index: 90 !important;
	font-size: 240px !important;
	line-height: 240px !important;
	color: var(--primary-text-color) !important;
	text-align: center;
	padding: 80px 0;
	transition: transform .2s !important;
	transition: opacity .2s;
	justify-content: center;
	top: 40px; 
	margin-top: 36px;
	font-variant-numeric: lining-nums;
	font-feature-settings: 'lnum' on;
	border: 1px solid var(--secondary-stroke-color);
}

.zoom-container {
    z-index: 200 !important;
    top: 100px;
	background-color: var(--primary-bg-color);
}

.glyph-zoom:hover,
.glyph-zoom:focus {
	-ms-transform: scale(1.5) !important;
	-webkit-transform: scale(1.5) !important;
	transform: scale(1.5) !important; 
	border: 1px solid transparent;
 } 

/* -- */

.footer-links a {
	line-height: 26px !important;
}

.more {
	display: block;
}

#toggle {
	display: none;
}

.temp-my {
	margin-top:16vh !important;
	margin-bottom:6vh !important;
}

#tester-1 .type-tester__toolbar,
#tester-2 .type-tester__toolbar,
#tester-3 .type-tester__toolbar,
#tester-4 .type-tester__toolbar,
#tester-5 .type-tester__toolbar,
#tester-6 .type-tester__toolbar {
	display: none !important;
}

.mx-fluid {
	margin-left:10% !important;
	margin-right:10% !important;
}

.maxw-1300 {
	max-width: 1300px !important;
}

.maxw-1000 {
	max-width: 1000px !important;
}

.maxw-750 {
	max-width: 750px !important;
}

.ps-extra {
	padding-left: 15% !important;
}

/* --------------------------- */
/* -                         - */
/* -   R E S P O N S I V E   - */
/* -                         - */
/* --------------------------- */

@media (min-width: 1800px) {
    :root {--body-size: 18px !important; --body-lineheight: 28px !important;}	
	h1 {font-size: 64px; line-height: 72px;}
	.footer-links a {line-height: 32px !important;}
	.type-tester {--type-tester--adjustment: 1.2 !important;}
	.para .type-tester, .para-c .type-tester {--type-tester--adjustment: 1.2 !important;}
	.rondeau-para .para .type-tester {--type-tester--adjustment: 1.05 !important;}
}

@media (max-width: 1799.98px) {
    :root {--body-size: 16px !important; --body-lineheight: 24px !important;}	
	select, .select-font {width: 240px;}
	.form-check .form-check-input {margin-top: 3px !important;}
	.type-tester {--type-tester--adjustment: 1.0 !important;}
	.para .type-tester, .para-c .type-tester {--type-tester--adjustment: 0.8 !important;}
	.rondeau-para .para .type-tester {--type-tester--adjustment: 0.8 !important;}
	h1 {font-size: 50px; line-height: 58px;}
	.mx-fluid {margin-left: 5% !important; margin-right: 5% !important;}
	.ps-extra {padding-left: 0% !important;}

	.beltram-header {font-size: 260px;}
	.beltram-mono-header {font-size: 120px;}
	.chauffeur-header {font-size: 400px;}
	.dolph-header {font-size: 260px;}
	.larsen-header {font-size: 200px;}
	.louche-header {font-size: 400px;}
	.rondeau-header {font-size: 280px;}


	.beltram-styles {font-size: 28px; line-height: 34px;}
	.beltram-mono-styles {font-size: 28px; line-height: 34px;}
	.chauffeur-styles {font-size: 40px; line-height: 46px;}
	.dolph-styles {font-size: 18px; line-height: 22px;}
	.larsen-styles {font-size: 34px; line-height: 38px;}
	.louche-styles {font-size: 54px; line-height: 60px;}
	.rondeau-styles {font-size: 40px; line-height: 46px;}

}

@media screen and (max-width: 1399.98px) {
    :root {--body-size: 14px !important; --body-lineheight: 22px !important;}	
	select, .select-font {width: 200px;}
	.form-check .form-check-input {margin-top: 2px !important;}
	.type-tester {--type-tester--adjustment: 1.0 !important;}
	.large-text {margin-top: 80px !important; margin-bottom: 80px !important;}
	.large-text-alt {margin: 80px 0 30px !important;}
	h1 {font-size: 44px; line-height: 50px;}
	.rondeau-para .para .type-tester {--type-tester--adjustment: 0.65 !important;}


	.beltram-header {font-size: 200px;}
	.beltram-mono-header {font-size: 100px;}
	.chauffeur-header {font-size: 320px;}
	.dolph-header {font-size: 200px;}
	.larsen-header {font-size: 160px;}
	.louche-header {font-size: 320px;}
	.rondeau-header {font-size: 240px;}


	.beltram-styles {font-size: 24px; line-height: 28px;}
	.beltram-mono-styles {font-size: 24px; line-height: 28px;}
	.chauffeur-styles {font-size: 34px; line-height: 38px;}
	.dolph-styles {font-size: 18px; line-height: 22px;}
	.larsen-styles {font-size: 30px; line-height: 34px;}
	.louche-styles {font-size: 44px; line-height: 48px;}
	.rondeau-styles {font-size: 36px; line-height: 42px;}

}

@media screen and (max-width: 1199.98px) {

.glyph-box {font-size: 18px !important; !important; width: 48px !important; height: 48px !important;} 
	.type-tester {--type-tester--adjustment: 0.9 !important;}
	.para .type-tester, .para-c .type-tester {--type-tester--adjustment: 0.7 !important;}
	.large-text {margin-top: 60px !important; margin-bottom: 60px !important;}
	.large-text-alt {margin: 60px 0 20px !important;}
	h1 {font-size: 38px; line-height: 44px;}
	.type-tester__text { margin: 40px 0 0 0 !important;}
	.rondeau-para .para .type-tester {--type-tester--adjustment: 0.50 !important;}


	
	.beltram-header {font-size: 160px;}
	.beltram-mono-header {font-size: 80px;}
	.chauffeur-header {font-size: 280px;}
	.dolph-header {font-size: 160px;}
	.larsen-header {font-size: 140px;}
	.louche-header {font-size: 260px;}	
	.rondeau-header {font-size: 200px;}	

	.beltram-styles {font-size: 24px; line-height: 28px;}
	.beltram-mono-styles {font-size: 20px; line-height: 26px;}
	.chauffeur-styles {font-size: 30px; line-height: 34px;}
	.dolph-styles {font-size: 16px; line-height: 20px;}
	.larsen-styles {font-size: 26px; line-height: 30px;}
	.louche-styles {font-size: 40px; line-height: 44px;}
	.rondeau-styles {font-size: 32px; line-height: 38px;}

}

@media screen and (max-width: 991.98px) {
	.mx-fluid {margin-left:4% !important; margin-right:4% !important;}
	h1 {font-size: 34px; line-height: 40px;}
	#info h1 {font-size: 30px; line-height: 36px;}
	.border-left {border-left: none !important; padding-left: 12px !important;}
	.type-tester__slider {display: flex !important;}
	.type-tester__features-button {display: none !important;}
	.type-tester__slider__line-height {display: none !important;}
	.type-tester__toolbar__tools {justify-content: flex-end !important;}
	.type-tester {margin-bottom: 0 !important;}
	.type-tester__toolbar  {margin-bottom: 10px !important;}
	.custom-button {width: 140px; height:40px;}
	.custom-button p, .custom-button div {line-height:36px !important;}
	.type-tester {--type-tester--adjustment: 0.66 !important;}
	.type-tester__text { margin: 36px 0 0 0 !important;}
	.large-text {margin-top: 40px !important; margin-bottom: 40px !important;}
	.large-text-alt {margin: 40px 0 20px !important;}
	
	.beltram-header {font-size: 140px;}
	.beltram-mono-header {font-size: 60px;}
	.chauffeur-header {font-size: 240px;}
	.dolph-header {font-size: 140px;}
	.larsen-header {font-size: 120px;}
	.louche-header {font-size: 220px;}
	.rondeau-header {font-size: 160px;}
	
	.beltram-styles {font-size: 22px; line-height: 26px;}
	.beltram-mono-styles {font-size: 16px; line-height: 22px;}
	.chauffeur-styles {font-size: 26px; line-height: 30px;}
	.dolph-styles {font-size: 14px; line-height: 18px;}
	.larsen-styles {font-size: 24px; line-height: 28px;}
	.louche-styles {font-size: 40px; line-height: 44px;}
	.rondeau-styles {font-size: 24px; line-height: 30px;}

}

@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-link {padding-right: 0 !important; padding-left: 0 !important;}
}

@media screen and (max-width: 767.98px) {
	.large-tester {display: none;}
	.small-tester {display: block;}
	.type-tester__slider {margin-right: 0 !important;margin-left: 0 !important;}
	.zoom-mobile {top: 80px; padding-bottom: 20px !important; border-bottom: 0px solid; background-color: var(--primary-bg-color); z-index: 900 !important; position: -webkit-sticky; position: sticky;}
	.glyph-zoom {font-size: 160px !important; line-height: 160px !important; padding: 40px 0; top: 0px; margin-top: 0px;}
	#custom-nav .nav-item:nth-child(4) {padding-bottom: 0px !important;}
	#cart .nav-item {padding: 0px 16px 0px 16px !important;}
	.nav-border .nav-item {padding: 10px 0 !important; border-top: 1px solid var(--primary-stroke-color) !important;}
	.nav-border .nav-item:nth-child(1) {border-top: 0 !important;}
	.typeface-item:nth-child(1) {padding: 10px 0 0 16px !important;}
	.typeface-item:nth-child(2), .typeface-item:nth-child(3), .typeface-item:nth-child(4), .typeface-item:nth-child(5), .typeface-item:nth-child(6), .typeface-item:nth-child(7) {padding: 10px 0 0 16px !important;}
	.navbar-brand {font-size: 18px !important;}
	h1 {font-size: 30px; line-height: 36px;}
	#info h1 {font-size: 48px; line-height: 50px; text-wrap: nowrap; !important}
	.hide-mobile {display: none !important;}
	.hide-desktop {display: block !important;}
	.hide-mobile-flex {display: none !important;}
	.hide-desktop-flex {display: flex !important;}
	.hide-mobile-inline {display: none !important;}
	.hide-desktop-inline {display: inline-block !important;}
	.type-tester__text { margin: 30px 0 0 0 !important;}
	.type-tester {--type-tester--adjustment: 0.46 !important;}
	.para .type-tester, .para-c .type-tester {--type-tester--adjustment: 0.50 !important;}
	.rondeau-para .para .type-tester {--type-tester--adjustment: 0.35 !important;}
	.beltram-header,
	.beltram-mono-header,
	.chauffeur-header,
	.dolph-header,
	.larsen-header,
	.louche-header,
	.rondeau-header {
		padding: 20vh 0 !important;}
		
	.store-modal__container__container {border-left: none !important;}

	.beltram-header {font-size: 100px;}
	.beltram-mono-header {font-size: 50px;}
	.chauffeur-header {font-size: 180px;}
	.dolph-header {font-size: 100px;}
	.larsen-header {font-size: 90px;}
	.louche-header {font-size: 180px;}	
	.rondeau-header {font-size: 120px;}	

	.beltram-styles {font-size: 18px; line-height: 22px;}
	.beltram-mono-styles {font-size: 16px; line-height: 20px;}
	.chauffeur-styles {font-size: 26px; line-height: 30px;}
	.dolph-styles {font-size: 13px; line-height: 16px;}
	.larsen-styles {font-size: 24px; line-height: 28px;}
	.louche-styles {font-size: 40px; line-height: 44px;}	
	.rondeau-styles {font-size: 36px; line-height: 40px;}	

}

@media screen and (max-width: 575.98px) {
	.mx-fluid {margin-left:1% !important; margin-right:1% !important;}
	h1 {font-size: 26px; line-height: 32px;}
	#info h1 {font-size: 40px; line-height: 42px;}
	.type-tester__text { margin: 14px 0 0rem 0 !important;}
	.type-tester {padding: 0 !important;}
	.type-tester__slider__size-label { display: none !important;}	
	.type-tester {--type-tester--adjustment: 0.42 !important;}
	.rondeau-para .para .type-tester {--type-tester--adjustment: 0.35 !important;}
	#toggle {display: block;}
	.more {display: none;}
	.mobile-tester .type-tester__toolbar {padding: 0 20px !important;}
	.beltram-header,
	.beltram-mono-header,
	.chauffeur-header,
	.dolph-header,
	.larsen-header,
	.louche-header,
	.rondeau-header {
		padding: 16vh 0 !important;}	
	
	.beltram-header {font-size: 80px;}
	.beltram-mono-header {font-size: 40px;}
	.chauffeur-header {font-size: 140px;}
	.dolph-header {font-size: 90px;}
	.larsen-header {font-size: 70px;}
	.louche-header {font-size: 160px;}	
	.rondeau-header {font-size: 100px;}	

	
	.beltram-styles {font-size: 16px; line-height: 20px;}
	.beltram-mono-styles {font-size: 16px; line-height: 20px;}
	.chauffeur-styles {font-size: 24px; line-height: 26px;}
	.dolph-styles {font-size: 13px; line-height: 16px;}
	.larsen-styles {font-size: 24px; line-height: 28px;}
	.louche-styles {font-size: 40px; line-height: 44px;}
	.rondeau-styles {font-size: 32px; line-height: 36px;}

}

@media screen and (max-width: 479.98px) {
    :root {--body-size: 12px !important; --body-lineheight: 18px !important;}	
	.mx-fluid {margin-left: 0 !important; margin-right: 0 !important;}
	h1 {font-size: 22px; line-height: 26px;}
	#info h1 {font-size: 32px; line-height: 34px;}
	.footer-links a {line-height: 20px !important;}
	.type-tester {--type-tester--adjustment: 0.33 !important;}
	.type-tester__slider { display: none !important;}	
	.para .type-tester, .para-c .type-tester {--type-tester--adjustment: 0.40 !important;}
	.rondeau-para .para .type-tester {--type-tester--adjustment: 0.30 !important;}

	.type-tester__toolbar__tools {margin-right: 0px !important; margin-left: 0px !important;}
	.type-tester__slider__track {min-width: 70px !important;}
	#mc_embed_signup .form-control {padding: 0 12px !important; height: 32px !important;}
	#mc_embed_signup .button {padding: 0 12px !important; height: 32px !important;}
	.custom-button {width: 120px; height:40px;}
	.thin-divider {margin-bottom: 8px !important;}
	p, .color-link a, .arrow-link a, h2, h3 {margin-bottom: 10px !important;}
	
	.beltram-header {font-size: 70px;}
	.beltram-mono-header {font-size: 30px;}
	.chauffeur-header {font-size: 140px;}
	.dolph-header {font-size: 70px;}
	.larsen-header {font-size: 60px;}
	.louche-header {font-size: 140px;}
	.rondeau-header {font-size: 90px;}
	
	.beltram-styles {font-size: 14px; line-height: 16px;}
	.beltram-mono-styles {font-size: 14px; line-height: 16px;}
	.chauffeur-styles {font-size: 24px; line-height: 26px;}
	.dolph-styles {font-size: 11px; line-height: 14px;}
	.larsen-styles {font-size: 24px; line-height: 28px;}
	.louche-styles {font-size: 32px; line-height: 38px;}
	.rondeau-styles {font-size: 26px; line-height: 30px;}

}

@media screen and (max-width: 399.98px) {
	.type-tester {--type-tester--adjustment: 0.28 !important;}
	h1 {font-size: 18px; line-height: 24px;}
	#info h1 {font-size: 28px; line-height: 30px;}
	
	.beltram-header {font-size: 60px;}
	.beltram-mono-header {font-size: 30px;}
	.chauffeur-header {font-size: 110px;}
	.dolph-header {font-size: 60px;}
	.larsen-header {font-size: 50px;}
	.louche-header {font-size: 120px;}
	.rondeau-header {font-size: 80px;}
	
	.beltram-styles {font-size: 14px; line-height: 16px;}
	.beltram-mono-styles {font-size: 12px; line-height: 16px;}
	.chauffeur-styles {font-size: 20px; line-height: 22px;}
	.dolph-styles {font-size: 10px; line-height: 13px;}
	.larsen-styles {font-size: 24px; line-height: 28px;}
	.louche-styles {font-size: 28px; line-height: 34px;}
	.rondeau-styles {font-size: 22px; line-height: 26px;}

}

@media screen and  (max-width: 359.98px) {
	.type-tester {--type-tester--adjustment: 0.25 !important;}
	h1 {font-size: 16px; line-height: 22px;}
	#info h1 {font-size: 22px; line-height: 24px;}
}

@media screen and (max-width: 329.98px) {
	.type-tester {--type-tester--adjustment: 0.25 !important;}
}

@media screen and (max-width: 300px) {

}