body {
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    background-color: #2b2929;
    font-family: 'RalewayRegular';
    font-size: 16px;
    color: #37423B;
    text-align: justify;
    text-justify: inter-word;
}

img{
    pointer-events: none;
}

h1 {
    font-family: 'PoppinsBold';
    font-size: 3.429em;
    color: white;
    text-shadow: #000059 1px 0 10px;
}

h2 {
    font-family: 'RalewayMedium';
    font-size: 1.7412em;
    color: white;
    text-shadow: #000059 1px 0 10px;
}

h3 {
    font-family: 'RalewayBold';
    font-size: 1.7em;
    color: #444444;
}

h4 {
    font-family: 'PoppinsBold';
    font-size: 1.4em;
    color: #444444;
    margin: 0;
}

.text-normal {
    font-weight: normal;
    font-family: 'RalewayRegular';
}

.title {
    font-family: 'PoppinsBold';
    font-size: 2.25714em;
    color: #37423B;
}

.heading {
    font-family: 'RalewayBold';
    font-size: 1.143em;
}

.emphasis {
    font-family: 'RalewayBold';
    color: #37423B;
}

.border-ri-green {
    border-color: #000099 !important;
}

.bg-ri-royalblue {
    background-color: #000099;
}

.bg-ri-gray-2 {
    background-color: #F6F7F6;
}

.bg-ri-gray-1 {
    background-color: #F9FAF9;
}

.bg-ri-gray-0 {
    background-color: #EEF0F0;
}

.text-ri-royalblue {
    color: #000099;
}

.text-ri-blue {
    color: #000059;
}

.text-ri-gray-4 {
    color: #AAAAAA;
}

.text-ri-gray-3 {
    color: #999999;
}

.text-ri-gray-2 {
    color: #777777;
}

.text-ri-gray-1 {
    color: #444444;
}

.text-ri-gray-0 {
    color: #37423B;
}

.text-ri-size-48pt {
    font-size: 3.429em;
}

.text-ri-size-36pt {
    font-size: 2.25714em;
}

.text-ri-size-34pt {
    font-size: 2.429em;
}

.text-ri-size-26pt {
    font-size: 1.857em;
}

.text-ri-size-24pt {
    font-size: 1.7412em;
}

.text-ri-size-20pt {
    font-size: 1.4286em;
}

.text-ri-size-18pt {
    font-size: 1.286em;
}

.text-ri-size-16pt {
    font-size: 1.143em;
}

.text-ri-size-15pt {
    font-size: 1.0714em;
}

.text-ri-size-12pt {
    font-size: 0.9231em;
}

.text-shadow {
    text-shadow: #FC0 1px 0 10px;
}

.fs-default {
    font-size: 14px;
}

.menu {
    font-size: 1.0714em !important;
}

.submenu {
    font-size: 0.9em !important;
}

.hr-short {
    border-color: #000099;
    border-width: 2px;
    width: 100px;
}

.scrollable-container {
    height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
}

@media (max-width: 576px) {
    body {
        font-size: 16px;
    }

    .fs-default {
        font-size: 14px;
    }
}

@media (max-width: 300px) {
    body {
        font-size: 16px;
    }

    .fs-default {
        font-size: 14px;
    }
}