/*
Fonts
================================================== */

/* Oswald Font Variants */
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Rokkitt Font Variants */
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Rokkitt';
    src: url('fonts/Rokkitt-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}


/*
Verschiedenes
================================================== */


h1 {
    font-family: "Oswald" !important;
    font-size: 6vw;
    letter-spacing: 0em;
    font-weight: 200 !important;
    white-space: nowrap;
    overflow: hidden;
}

h2 { 
    font-family: 'Rokkitt', serif;
    font-weight: 300;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

h3 { 
    font-weight: 900 !important;
}



/*
Social Icons
================================================== */

.social_bookmarks li a:hover,
.social_bookmarks li a:visited,
.social_bookmarks li a:link,
.social_bookmarks li a:active {
    font-size: 20px; 
}

#top .social_bookmarks li:hover a {
    background: transparent !important;
    color: #666666 !important;
}