@font-face {
  font-family: "h-bold";
  src: url("/fonts/Helvetica-Bold-Font.ttf");
}
@font-face {
  font-family: "h-reg";
  src: url("/fonts/Helvetica-reg.ttf");
}
@font-face {
  font-family: "hn-med";
  src: url("/fonts/helveticaNeue-Med.ttf");
}
@font-face {
  font-family: "mag-bold";
  src: url("/fonts/Magalie-Bold.ttf");
}
@font-face {
  font-family: "mag-reg";
  src: url("/fonts/Magalie-Regular.ttf");
}

@font-face {
  font-family: "mag-semi";
  src: url("/fonts/Magalie-SemiBold.ttf");
}
@font-face {
  font-family: "mn-bold";
  src: url("/fonts/MaisonNeue-Bold.ttf");
}

@font-face {
  font-family: "mn-book";
  src: url("/fonts/MaisonNeue-Book.ttf");
}

@font-face {
  font-family: "mn-demi";
  src: url("/fonts/MaisonNeue-Demi.ttf");
}

@font-face {
  font-family: "mn-light";
  src: url("/fonts/MaisonNeue-Light.ttf");
}

@font-face {
  font-family: "mn-med";
  src: url("/fonts/MaisonNeue-Medium.ttf");
}

@font-face {
  font-family: "mn-demi-italic";
  src: url("/fonts/MaisonNeue-DemiItalic.ttf");
}

@font-face {
  font-family: "s-south";
  src: url("/fonts/SilverSouth.otf");
}

html,
body {
  width: 100%;
  height: 100%;
  background-color: white;
  color: black;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a {
  color: #000 !important;
}

a:active {
  color: #000 !important;
}

a:hover {
  text-decoration: none;
}

.custom_container {
  max-width: 1670px;
  width: 90%;
  margin: auto;
  overflow: hidden;
}

.custom_container_two {
  max-width: 1700px;
  width: 95%;
  margin: auto;
  overflow: hidden;
}



@media only screen and (max-width: 1600px) {
}

@media only screen and (min-width: 320px) and (max-width: 600px) {
  .custom_container {
    width: 95%;
  }

  .mobile_custom_container {
    width: 100% !important; 
  
  }
}