:root {

    --zb-color-1 : #94BE74;
    /* --zb-color-2 : #94BE74;
    --zb-color-3 : #615896;
    --zb-black : #000;
    --zb-dark : #171717;
    --zb-light : #f4f2f4;
    --zb-info : #008ac1;
    --zb-success : #35a000;
    --zb-warning : #fba500;
    --zb-alert : #da0b0b;

    --zb-light-dark : #969696;
    --zb-light-hover : #EBEBEB;
    --zb-border-color : #D7D7D7;
    --zb-border-color2 : #BABABA;
    --zb-box-shadow : #C8C8C8;
    --zb-filter : rgba(0,0,0,.45);

    --zb-contain-lg : 94;
    --zb-contain : 80;
    --zb-contain-md : 62;
    --zb-contain-sm : 46;

    --zb-flex-space: 3.2%;

    --zb-p-1 : 3rem;
    --zb-p-2 : 4rem;
    --zb-p-3 : 6rem;
    --zb-m-1 : 3rem;
    --zb-m-2 : 4rem;
    --zb-m-3 : 6rem;*/
}

.amatic{
    font-family: 'Amatic', cursive;
}
.default-font {
  font-family: 'OpenSans', sans-serif;
}
.opensans {
  font-family: 'OpenSansCondensed', sans-serif;
}
.s1.amatic {
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 400;
}


*:hover ~ * > .amatic.s1, *:hover ~ * > .amatic.s1 {
  transform: scale(.9);
}
* ~ * > .amatic.s1, * ~ * > .amatic.s1 {
  transform: scale(1);
  transition: transform .3s;
}
*:hover ~ * > .amatic.s1:before, *:hover ~ * > .amatic.s1:after {
  margin: 0 3rem;
}

.s1.amatic {
  text-align: center;
}

.s1.amatic:before, .s1.amatic:after {
  content: "-";
  display: inline-block;
  vertical-align: middle;
  margin: 0 1rem;
  font-size: 80px;
  line-height: 0;
  color: var(--zb-color-1);
/*  font-family: OpenSansCondensed;*/
  transition: margin .3s;
}
h3.amatic, h2.amatic{
  font-weight: 600;
  color: #555;
}
.s2.amatic {
  font-weight: 600;
}