/**
 * default.css
 *
 * Defines defaults for some elements.
 * Includes the webfonts.
 *
 * Index
 * - DEFAULT
 *
 * Media
 * - DESKTOP
 *
 * Colors
 * - Grey
 *   - rgb(180, 184, 184) / #b4b8b8
 *   - rgb(243, 243, 243) / #f3f3f3
 *   - rgb(224, 224, 224) / #e0e0e0
 *   - rgb(153, 153, 153) / #999999
 * - Green
 *   - rgb(131, 192, 41) / #83c029
 * - Blue
 *   - rgb(1, 93, 168) / #015da8
 */

/* ------------------------------------ *
 * #DEFAULT
 * ------------------------------------ */

@font-face{ 
    font-family: 'AmbleBold';
    src: url('../fonts/Amble-Bold-webfont.eot');
    src: url('../fonts/Amble-Bold-webfont.eot?iefix') format('eot'),
         url('../fonts/Amble-Bold-webfont.woff') format('woff'),
         url('../fonts/Amble-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Amble-Bold-webfont.svg#webfont') format('svg');
}

@font-face{ 
    font-family: 'Amble';
    src: url('../fonts/Amble-Regular-webfont.eot');
    src: url('../fonts/Amble-Regular-webfont.eot?iefix') format('eot'),
         url('../fonts/Amble-Regular-webfont.woff') format('woff'),
         url('../fonts/Amble-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Amble-Regular-webfont.svg#webfont') format('svg');
}


ol,
ul {
    margin: 0;
    padding: 0;
}
ol {
    list-style-type: decimal;
}
a {
    color: rgb(0, 0, 0);
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
    position: relative;
    font-weight: normal;
    font-family: AmbleBold;
}
h1 {
    font-size: 1.6em;
}
h2 {
    margin: 10px 0 15px;
    font-size: 1.5em;
}
h3 {
    font-size: 1.3em;
}


h3.headline-light {
    font-family: Amble;
}
#tracer_invisible {
    display: none;
}





/* #DESKTOP */
@media screen and (min-width: 1024px) {
    h2,
    h3,
    h4 {
        font-family: Amble;
    }
}