@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'Actief Grotesque';
    src: url('../fonts/active-grotesk/Aktiv-Grotesk-Regular.ttf');
}

@font-face {
    font-family: 'Actief Grotesque Bold';
    src: url('../fonts/active-grotesk/Aktiv-Grotesk-Bold.ttf');
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('../fonts/SourceSansPro-Regular.ttf');
}

/** Custom CSS for Rotatet Text */
.text-rotate {

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.ribbon-default .ribbon-box {
    background-color: #b3b3b3
}