@font-face {
  font-family: "Avenir55Roman";
  src: url("../../fonts/Avenir55Roman_normal_normal.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "logi-icon-2";
  src: url("../../fonts/logi-icon-2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-display: block;
	font-family: logi-icon-2;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/logi-icon-2.woff2) format("woff2"), url(../fonts/logi-icon-2.ttf) format("truetype"), url(../fonts/logi-icon-2.woff) format("woff"), url(../fonts/logi-icon-2.svg#logi-icon-2) format("svg")
}


:root {
  --transition: all 0.3s ease;
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  --primary-color: #333;
  --border-color: #ccc;
  --hover-bg: #f5f5f5;
  --focus-color: #4a90e2;
  --white: #fff;
  --black: #000;
  --gray-light: #f9f9f9;
  --gray-medium: #888;
}

:root {
  --p-font-family: "brown", helvetica, arial, sans-serif;
  --p-font-weight-thin: 100;
  --p-font-weight-extra-light: 200;
  --p-font-weight-light: 300;
  --p-font-weight-regular: 400;
  --p-font-weight-medium: 500;
  --p-font-weight-semi-bold: 600;
  --p-font-weight-bold: 700;
  --p-font-weight-extra-bold: 800;
  --p-font-weight-ultra-bold: 900;
}

* {
  margin: 0;
  padding: 0;
  text-transform: none;
  box-sizing: border-box;
  font-family: "Avenir55Roman", sans-serif;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

html {
	font-size: 10px
}

h2{
  margin:15px 0;
}

/* Apply global styles to all h1, h2, and similar elements */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Avenir55Roman", sans-serif;
  text-transform: none;
  font-weight: 100;
}


/* General icon color override */
i,
.fa,
.fas,
.far,
.fab {
  color: #000;
}

body {
  position: relative;
  top: 0 !important;
  font-size: 16px;
}

a {
  color: #000;
}

button {
  border: none;
  background-color: white;
  cursor: pointer;
}

li {
  list-style: none;
}


@media(min-width:720px) {

	h1,
	h1.h1 {
		font-size: 72px
	}

	.h1-large,
	.h1-large h1 {
		font-size: 90px
	}

	.h1-medium,
	.h1-medium h1,
	h1.h2,
	h1.h2 h1 {
		font-size: 60px;
		letter-spacing: -1px;
		line-height: 1
	}

	.h1-small,
	.h1-small h1,
	h1.h3,
	h1.h3 h1 {
		font-size: 48px;
		letter-spacing: -1px;
		line-height: 1
	}

	h2 {
		font-size: 36px;
		letter-spacing: -1px;
		line-height: 1
	}

	.h4,
	h4 {
		font-size: 24px;
		line-height: 26px
	}

	.h5,
	h5 {
		font-size: 20px;
		line-height: 24px
	}

	.h6,
	h6 {
		font-size: 18px;
		line-height: 20px
	}
}