.layout-lg {
  width: 90%;
  max-width: 1220px;
  margin: 0 auto;
}

.layout {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}


/* @font-face {
  font-family: 'Colfax Bold';
  src: url('./font/Colfax-Bold.otf');
  font-display: auto;
}

@font-face {
  font-family: 'Colfax Normal';
  src: url('./font/Colfax-Regular.otf');
  font-display: auto;
}

@font-face {
  font-family: 'Colfax Light';
  src: url('./font/Colfax-Light.otf');
  font-display: auto;
} */

@font-face {
  font-family: 'Colfax-Bold';
  src: url('/font/Colfax-Bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Or 'optional' */
}

@font-face {
  font-family: 'Colfax-Regular';
  src: url('/font/Colfax-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Or 'optional' */
}

@font-face {
  font-family: 'Colfax-Light';
  src: url('/font/Colfax-Light.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Or 'optional' */
}

.font-col-bold {
  font-family: 'Colfax Bold', sans-serif;
  font-weight: bold;
}

.font-col-normal {
  font-family: 'Colfax Normal', sans-serif;
  font-weight: 400;
}

.font-col-light {
  font-family: 'Colfax Light', sans-serif;
  font-weight: 300;
}

.all-sides-shadow {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}