/** Styles for TYI */

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/Montserrat-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/Montserrat-Medium.ttf);
    font-weight: bold;
}

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/Montserrat-SemiBold.ttf);
    font-weight: bolder;
}

@font-face {
    font-family: Amatic;
    src: url(../../fonts/Amatic-Bold.ttf);
    font-weight: bold;
}

html, body {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

h1 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 70px !important;
    font-weight: bold;
    line-height: 50px !important;
    margin-bottom: 0;
}

h2 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 50px !important;
    font-weight: bold;
    line-height: 30px !important;
    margin-bottom: 0;
}

h3 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 40px !important;
    font-weight: bold;
    line-height: 30px !important;
    margin-bottom: 0;
}

p, li, strong, td {
    color: #283039;
    font-size: 15px !important;
}

p.large {
    font-size: 20px !important;
}

td, th {
    font-size: 15px !important;
}

.brand-color {
    color: #5ab9d8;
}

.main-logo {
    width: 406px;
    height: 180px;
    margin: 30px auto;
}

.main-logo img {
    width: 406px;
    height: 180px;
    display: block;
}

.logo {
    width: 406px;
    height: 180px;
    margin: 10px auto 50px;
}

.logo img {
    width: 406px;
    height: 180px;
}

.icon.score-circle {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
}

td.text-center.high {
    color: #e45764;
}

td.text-center.medium {
    color: #ee8950;
}

td.text-center.low {
    color: #ee8950;
}

td.text-center.noreaction {
    color: #95cd88;
}

footer p a, footer p span {
    color: #5ab9d8;
}

footer .pagenum {
    color: #283039;
}

.important-icon {
    width: 25px;
    height: 25px;
}