@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../webfonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Bitter-Regular';
    src: url('../webfonts/Bitter-Regular.ttf') format('truetype');
}

body {
    /*background-image: url('../img/gradient.png');*/
    /*background-color: #FCF7ED;*/
}

h4 {
    font-family: 'Bitter-Regular';
    font-size: 32px;
}
h1 {
    font-family: Verdana;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
}
p {
    font-family: 'OpenSans-Regular';
    font-size: 16px;
}
/* Global */
html {
    min-height: 100%;
    overflow: hidden;
}

a {
    font-family: Bitter-Regular;
    color: #000000;
}
.hrfHeader {
    font-size: 36px;
    font-family: Bitter-Regular, Verdana, Helvetica,Tahoma, Arial, Sans-Serif;
    font-weight: normal;
    color: #ffffff;
}


.hrftext {
    font-size: 20px;
    font-family: Bitter-Regular;
    font-weight: normal;
    color: #000000;
}
.hrftext2 {
    font-size: 14px;
    font-family: Verdana, Helvetica;
    font-weight: normal;
    color: #000000;
}
.hrftext3 {
    font-size: 14px;
    font-family: Garamond;
    font-weight: normal;
    color: #000000;
}

.hrflink {
 
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    color: #000000;
}

    .hrflink:hover,
    .hrflink:active,
    .hrflink:visited,
    .hrflink:focus {
        color: #000000;
    }