@import url("https://use.typekit.net/loc2xpy.css");
@font-face {
  font-family: "MBEmpire";
  font-weight: 700;
  src: url("/fonts/MBEmpire-Bold.otf") format("opentype"); }

.columns {
  background-color: #f1f0ec;
  padding-top: 2rem;
  padding-bottom: 2rem; }
  @media (min-width: 992px) {
    .columns {
      padding-top: 6rem;
      padding-bottom: 6rem; } }
  .columns .columns-header {
    padding-bottom: 2rem; }
    @media (min-width: 992px) {
      .columns .columns-header {
        padding-bottom: 6rem; } }
  .columns .columns-element-title {
    text-align: center;
    margin-bottom: 0;
    word-spacing: 100vw; }
  .columns .column-icon {
    background-color: white;
    border-radius: 20px;
    width: 115px;
    height: 115px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 992px) {
      .columns .column-icon {
        width: 170px;
        height: 170px; } }
    .columns .column-icon img {
      width: 100%; }
    .columns .column-icon.column-icon-video {
      position: relative;
      overflow: hidden; }
      .columns .column-icon.column-icon-video video {
        width: 100%;
        height: 100%;
        position: absolute;
        -o-object-fit: scale-down;
           object-fit: scale-down;
        z-index: 0; }
  .columns .h-line-container, .columns .small-number {
    flex: 0 0 100%; }
    @media (min-width: 992px) {
      .columns .h-line-container, .columns .small-number {
        flex: none; } }
  .columns .column-title {
    flex: 0 0 40%; }
    @media (min-width: 992px) {
      .columns .column-title {
        flex: none; } }
  .columns .column-content {
    flex: 0 0 60%; }
    @media (min-width: 992px) {
      .columns .column-content {
        flex: none; } }

/*# sourceMappingURL=../../../dist/css/maps/elements/columns.css.map */