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

.hero {
  background: linear-gradient(rgba(112, 174, 113, 0.6), rgba(112, 174, 113, 0.6)), url('./images/hero.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

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

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

.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);
}