@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
}

/* 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;
}

h1,h2{
  font-size:4.5rem;
}

h2{
  font-size:3.5rem;
  margin: 15px 0;
}