@font-face {
    font-family: 'Roboto';
    /*src: url( '../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf' ) format( 'TrueType' );*/
    src: url( '../fonts/Roboto/Roboto-Regular.ttf' ) format( 'TrueType' );
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    /*src: url( '../fonts/Source_Sans_Pro/SourceSansPro-Italic.ttf' ) format( 'TrueType' );*/
    src: url( '../fonts/Roboto/Roboto-Italic.ttf' ) format( 'TrueType' );
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    /*src: url( '../fonts/Source_Sans_Pro/SourceSansPro-Semibold.ttf' ) format( 'TrueType' );*/
    src: url( '../fonts/Roboto/Roboto-Bold.ttf' ) format( 'TrueType' );
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url( '../fonts/Roboto/Roboto-Black.ttf' ) format( 'TrueType' );
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url( '../fonts/Roboto/Roboto-BlackItalic.ttf' ) format( 'TrueType' );
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

body{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #666;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin-top: 2.5rem;
    letter-spacing: 0.02em;
}

h1{
    font-size: 52px;
    line-height: 1.25em;
    margin-bottom: 0.75em;
}

h2{
    font-size: 48px;
    line-height: 1.25em;
    margin-bottom: 0.75em;
}

h3{
    font-size: 36px;
    line-height: 1.25em;
    margin-bottom: 0.75em;
}

h4{
    font-size: 28px;
    line-height: 1.25em;
    margin-bottom: 0.75em;
}

h5{
    font-size: 21px;
    line-height: 1.25em;
    margin-bottom: 0.75em;
}

h6{
    font-size: 16px;
    line-height: 1.25em;
    margin-bottom: 1em;
}

p{
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-top: 0;
}

ul, ol{
    font-size: 16px;
    line-height: 1.5em;
}

ul li, ol li{
    margin-bottom: 1em;
}

a{
    color: #03b4b4;
}

a:hover,
a:active{
    color: #009494;
}

a:hover,
a:active,
a:visited,
a:focus{
    text-decoration: none;
    outline: none;
}

.text-loose{
    letter-spacing: 0.1em;
}

.text-tight{
    letter-spacing: 0;
}

.text-lg{
    font-size: 32px;
}

.text-sm{
    font-size: 14px;
}

.text-bold{
    font-weight: 700;
}

.text-dark{
    color: #333333;
}

.text-success{
    color: #00D162;
}

.text-danger{
    color: #DE3551;
}