@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');

@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('../fonts/BrandonGrotesque-Light.ttf') format('TrueType');
    /*url('../fonts/brandon_light-webfont.woff') format('woff');*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
}

@font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('../fonts/brandon_re-webfont.woff2') format('woff2'),
    url('../fonts/brandon_re-webfont.woff') format('woff');
    font-weight: normal;
    /*font-style: normal;*/
}

@font-face {
    font-family: 'georama_300';
    src: url('../fonts/georama_300.woff2') format('woff2'),
    url('../fonts/georama_300.woff') format('woff');
}

@font-face {
    font-family: 'georama_300_italic';
    src: url('../fonts/georama_300_italic.woff2') format('woff2'),
    url('../fonts/georama_300_italic.woff') format('woff');
}

@font-face {
    font-family: 'georama_regular';
    src: url('../fonts/georama_regular.woff2') format('woff2'),
    url('../fonts/georama_regular.woff') format('woff');
}

@font-face {
    font-family: 'georama_500';
    src: url('../fonts/georama_500.woff2') format('woff2'),
    url('../fonts/georama_500.woff') format('woff');
}

@font-face {
    font-family: 'spectral_200';
    src: url('../fonts/spectral_200.woff2') format('woff2'),
    url('../fonts/spectral_200.woff') format('woff');
}

@font-face {
    font-family: 'spectral_500';
    src: url('../fonts/spectral_500.ttf') format('truetype');
    /*font-weight: 700;*/
}

@font-face {
    font-family: 'blenderpro_thin';
    src: url('../fonts/blenderpro_thin.woff2') format('woff2'),
    url('../fonts/blenderpro_thin.woff') format('woff');
}

@font-face {
    font-family: 'blenderpro_400';
    src: url('../fonts/blenderpro_400.ttf') format('truetype');
}

@font-face {
    font-family: 'blenderpro_medium';
    src: url('../fonts/blenderpro_medium.woff2') format('woff2'),
    url('../fonts/blenderpro_medium.woff') format('woff');
}

@font-face {
    font-family: 'blenderpro_bold';
    src: url('../fonts/blenderpro_bold.woff2') format('woff2'),
    url('../fonts/blenderpro_bold.woff') format('woff');
}

#certificate-canvas-container {
    position: absolute;
    visibility:hidden;
}

.modal-open .mm-slideout {
    z-index: auto;
}

#certificate-large img {
    border-radius:6px;
    width: 100%;
}

#certificate-large .modal-body {
    padding:0;
}

@media (min-width: 768px) {
    #certificate-large.horizontal-size .modal-dialog {
        width: 80%;
        max-width: 1000px;
    }
    #certificate-large.horizontal-size .modal-dialog img {
        width: 100%;
    }
}