/* INCLUDE FONTS */
/* @font-face {
    font-family: "Helvetica Neue Medium";
    src: url("../font/helvetica_neue_medium_extended.otf") format("opentype"),
         url('../font/helvetica_neue_medium_extended.ttf');
}
@font-face {
    font-family: "Helvetica Neue LTW";
    src: url("../font/helvetica_neue_ltw.otf") format("opentype"),
         url('../font/helvetica_neue_ltw.ttf');
} */
@font-face {
    font-family: "Helvetica Neue UltraLight";
    src: url("../font/helvetica_neue_ultralight.otf") format("opentype"),
         url('../font/helvetica_neue_ultralight.ttf');
}


/* LINK CLASSES */
a {
    color: #121213;
    text-decoration: none;
    transition: color 0.4s 0.0s ease-in;
}
a:active {
    color: #121213;
    text-decoration: none;
}
a:visited {
    color: #121213;
    text-decoration: none;
}
a:hover {
    color: #121213;
    text-decoration: none;
}


.grey-link {
    color: #999999;
    text-decoration: none;
    transition: color 0.4s 0.0s ease-in;
}
.grey-link:active {
    color: #999999;
    text-decoration: none;
}
.grey-link:visited {
    color: #999999;
    text-decoration: none;
}
.grey-link:hover {
    color: #999999;
    text-decoration: none;
}



/* UTILITY CLASSES */
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-align-center {
    align-items: center;
}
.flex-justify-space-between {
    justify-content: space-between;
}
.flex-justify-space-around {
    justify-content: space-around;
}
.flex-resize {
    flex: 1 1 100%;
}
.flex-noresize {
    flex: 0 0 auto;
}

/* TEXT CLASSES */
.secondary-text {
    color: #999999;
}
.blue-text {
    color: #00DDFE;
}

/* BUTTON CLASSES */
.outline-button {
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    padding: 12px;
    background: transparent;
    cursor: pointer;
    text-align: center;
}

/* HEADING CLASSES */
h1 {
    font-size: 3.0rem;
}
h2 {
    font-size: 2.0rem; 
}
.page-heading {
    font-size: 3.0rem;
}
.page-heading > span {
    font-size: 5.0rem;
    margin: 0px 8px 0px 0px;
}