:root {
    --color-grey: #E5E7EB;
    --color-darkGrey: #D1D5DB;
}
h1, h2, h3, h4 {
    letter-spacing: -0.02em;
    font-weight: 500;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
    color: inherit;
}
.grey {
    color: var(--color-grey);
}
.darkGrey {
    color: var(--color-darkGrey);
}
.img-responsive {
    width: 100%;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.jc-center {
    justify-content: center;
}
.ai-center {
    align-items: center;
}
.jc-sb {
    justify-content: space-between;
}
.block {
    display: block;
}
.text-center {
    text-align: center;
}
.col-oneThird {
    width: calc(100% / 3);
}
.visible-xs {
    display: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~
      Transitions
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.fadeInUp {
    transform: translateY(-15px);
    opacity: 0;
    transition: transform 1000ms ease-out, opacity 1000ms ease-out;
    will-change: transform, opacity;
}
.fadeInDown {
    transform: translateY(15px);
    opacity: 0;
    transition: transform 1000ms ease-out, opacity 1000ms ease-out;
    will-change: transform, opacity;
}
.fadeInDown.isAnimated,
.fadeInUp.isAnimated {
    transform: translateY(0);
    opacity: 1;
}
.delayedOne {
    transition-delay: 300ms;
}
.fadeIn {
    opacity: 0;
    transition: opacity 1000ms ease;
}
.fadeIn.isAnimated {
    opacity: 1;
}