:root {
    --color-base-alt: #518e96;
    --color-base: #17a5b8;
    --color-text-base: #168594;
    --color-grey-dark: #606060;
    --color-grey-light: #ccc;
    --color-grey-platinum: #ddd;
    --color-white: #fff;

    --color-alt: #e05263;

    --color-yellow: #fbc02d;
    --color-yellow-light: #fef8ea;
    --color-yellow-dark: #5a512b;

    --color-red: #d32f2f;
    --color-red-light: #f9e0e0;
    --color-red-lighter: #fff0f0;
    --color-red-dark: #5d3b33;

    --gradient-base: linear-gradient(to top, #168594, #17a5b8);
    --box-shadow-image: 0 0 10px rgba(0, 0, 0, .12);
}

body {
    background: #fff;
    padding: 0;
    margin: 0;
    font-family: 'Quicksand', sans-serif;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    border: none;
    outline: 0;
    text-transform: none;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

#root {
    min-height: 100vh;
}

* {
    box-sizing: border-box;
}

.holder {
    width: 1170px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 16px;
}

.holder-inner {
    width: 1138px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 16px;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
    font-style: normal;
    font-size: inherit;
    font-family: inherit;
    margin: 0;
}

h2 {
    font-weight: bold;
    font-size: 32px;
    color: var(--color-text-base);
    letter-spacing: -.5px;
}

h3 {
    font-weight: bold;
    font-size: 24px;
    color: var(--color-text-base);
    letter-spacing: -.5px;
}

h5 {
    font-weight: bold;
    font-size: 16px;
    color: var(--color-alt);
    line-height: 28px;
    letter-spacing: 0px;
}

.text {
    color: var(--color-grey-dark);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0px;
}