@font-face {
    font-family: 'jb';
    src: url('fonts/JDSans-Bold.eot');
    src: url('fonts/JDSans-Bold.woff') format('woff'),
    url('fonts/JDSans-Bold.ttf') format('truetype'),
    url('fonts/JDSans-Bold.svg#JDSans-Bold') format('svg'),
    url('fonts/JDSans-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'j';
    src: url('fonts/JDSansLight.eot');
    src: url('fonts/JDSansLight.woff') format('woff'),
    url('fonts/JDSansLight.ttf') format('truetype'),
    url('fonts/JDSansLight.svg#JDSansLight') format('svg'),
    url('fonts/JDSansLight.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'k';
    src: url('fonts/Kamerik205-Regular6.eot');
    src: url('fonts/Kamerik205-Regular6.woff') format('woff'),
    url('fonts/Kamerik205-Regular6.ttf') format('truetype'),
    url('fonts/Kamerik205-Regular6.svg#Kamerik205-Regular6') format('svg'),
    url('fonts/Kamerik205-Regular6.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --orange: #f4811e;
}

body,html {
    height: 100%;
    background-attachment: fixed;
}

.t-jb, .t-j b {font-family: 'jb';}
.t-j {font-family: 'j';}
.t-k {font-family: 'k';}

.bg-orange {background-color: var(--orange)}
.t-orange {color: var(--orange)}

hr.myhr {
    background: var(--orange);
    border-top-width: 3px;
    max-width: 120px;
}

@media (min-width: 1200px) {
    .myspace {
        letter-spacing: 14px;
    }
}