/* ## Fonts */

@font-face {
    font-family: "SiemensSans";
    font-weight: 400;
    font-style: normal;
    src: url(./application_root/../fonts/SiemensSans_Prof_Roman.woff) format('woff'), url(./application_root/../fonts/SiemensSans_Prof_Roman.eot) format("eot"), url(./application_root/../fonts/SiemensSans_Prof_Roman.ttf) format("truetype");
}

@font-face {
    font-family: "SiemensSans";
    font-weight: 400;
    font-style: italic;
    src: url(./application_root/../fonts/SiemensSans_Prof_Italic.woff) format('woff'), url(./application_root/../fonts/SiemensSans_Prof_Italic.eot) format("eot"), url(./application_root/../fonts/SiemensSans_Prof_Italic.ttf) format("truetype");
}

/* Default font weights are Roman and Black, Bold is never used unless Black isn't available for some reason.
If you uncomment this code, make sure you change "SiemensSans_Prof_Black" and "SiemensSans_Prof_BlackItalic" weight to 900 instead of 700.
This will also automatically deploy "SiemensSans_Prof_Bold" and "SiemensSans_Prof_BoldItalic" wherever `font-weight: bold` or `font-weight: 700;` is used.
To make it black, change it to 900 instead of bold/700 everywhere `font-weight` is set. */

/* @font-face {
    font-family: "SiemensSans";
    font-weight: 700;
    font-style: normal;
    src: url(../font/SiemensSans_Prof_Bold.woff) format('woff'), url(../font/SiemensSans_Prof_Bold.eot) format("eot"), url(../font/SiemensSans_Prof_Bold.ttf) format("truetype");
}

@font-face {
    font-family: "SiemensSans";
    font-weight: 700;
    font-style: italic;
    src: url(../font/SiemensSans_Prof_BoldItalic.woff) format('woff'), url(../font/SiemensSans_Prof_BoldItalic.eot) format("eot"), url(../font/SiemensSans_Prof_BoldItalic.ttf) format("truetype");
} */

@font-face {
    font-family: "SiemensSans";
    font-weight: 700;
    font-style: normal;
    src: url(./application_root/../fonts/SiemensSans_Prof_Black.woff) format('woff'), url(./application_root/../fonts/SiemensSans_Prof_Black.eot) format("eot"), url(./application_root/../fonts/SiemensSans_Prof_Black.ttf) format("truetype");
}

@font-face {
    font-family: "SiemensSans";
    font-weight: 700;
    font-style: italic;
    src: url(./application_root/../fonts/SiemensSans_Prof_BlackItalic.woff) format('woff'), url(./application_root/../fonts/SiemensSans_Prof_BlackItalic.eot) format("eot"), url(./application_root/../fonts/SiemensSans_Prof_BlackItalic.ttf) format("truetype");
}
/* Font size set with `px` in html, use `rem` and `em` everywhere else for consistency. */

html {
    font-family: "SiemensSans", Arial, Helvetica, "Helvetica Neue", "San Francisco", "Roboto", sans-serif;
    font-size: 16px;
    margin: 0;
}

/* 1. XS */

h1 {
    font-weight: 700;
    font-size: 2.375rem;
    line-height: 1.2;
    letter-spacing: -.5px;
    margin:20px;
}

h2 {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 1.25;
    letter-spacing: -.5px;
    margin:20px;
}

h3 {
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.35;
    letter-spacing: -.5px;
    margin:20px;
}

h4 {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: -.5px;
    margin:20px;
}

h5 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.36;
    margin:20px;
}

h6 {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.4;
    margin:20px;
}

.topline {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.quote {
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 1.4375;
}

.intro {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.45;
}

p, center {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
}

.black {
    font-weight: 700;
}

.roman {
    font-weight: 400;
}

.caption {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625;
}

.caption-small {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.6;
}

/* 2. S & M */

@media (min-width: 720px) {
    h1 {
        font-weight: 700;
        font-size: 2.875rem;
        line-height: 1.16;
        letter-spacing: -.5px;
    }
    h2 {
        font-weight: 700;
        font-size: 2.125rem;
        line-height: 1.3;
        letter-spacing: -.5px;
    }
    h3 {
        font-weight: 700;
        font-size: 1.875rem;
        line-height: 1.3125;
        letter-spacing: -.5px;
    }
    h4 {
        font-weight: 700;
        font-size: 1.625rem;
        line-height: 1.2;
        letter-spacing: -.5px;
    }
    h5 {
        font-weight: 700;
        font-size: 1.375rem;
        line-height: 1.3;
    }
    h6 {
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.4;
    }
    .topline {
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.2;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
    .quote {
        font-weight: 400;
        font-size: 2.375rem;
        line-height: 1.2;
        letter-spacing: -.5px;
    }
    .intro {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.45;
    }
    p, center {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5;
    }
    .black {
        font-weight: 700;
    }
    .caption {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.625;
    }
    .caption-small {
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.6;
    }
}

/* 3. L */

@media (min-width: 1440px) {
    h1 {
        font-weight: 700;
        font-size: 3.625rem;
        line-height: 1.2;
        letter-spacing: -.5px;
    }
    h2 {
        font-weight: 700;
        font-size: 2.375rem;
        line-height: 1.3;
        letter-spacing: -.5px;
    }
    h3 {
        font-weight: 700;
        font-size: 2.125rem;
        line-height: 1.27;
        letter-spacing: -.5px;
    }
    h4 {
        font-weight: 700;
        font-size: 1.875rem;
        line-height: 1.1875;
    }
    h5 {
        font-weight: 700;
        font-size: 1.375rem;
        line-height: 1.3;
    }
    h6 {
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.4;
    }
    .topline {
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.2;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
    .quote {
        font-weight: 400;
        font-size: 2.875rem;
        line-height: 1.2;
        letter-spacing: -.5px;
    }
    .intro {
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 1.45;
    }
    p, center {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5;
    }
    .black {
        font-weight: 700;
    }
    .caption {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.625;
    }
    .caption-small {
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.6;
    }
}