@font-face {
    font-family: 'CongressSans';
    src: url('../webfonts/260807_2_0.eot');
    src: url('../webfonts/260807_2_0.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/260807_2_0.woff') format('woff'),
         url('../webfonts/260807_2_0.ttf') format('truetype');
}

@font-face {
    font-family: 'CongressSansLight';
    src: url('../webfonts/260807_7_0.eot');
    src: url('../webfonts/260807_7_0.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/260807_7_0.woff') format('woff'),
         url('../webfonts/260807_7_0.ttf') format('truetype');
}

:root{
    --brand:#E63D28;
}

html,body{
    height:100%;
    margin:0;
}

body{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    font-family: CongressSansLight, CongressSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container{
    text-align:center;
    padding:40px;
}

.logo{
    width:220px;
    max-width:40vw;
    height:auto;
    margin:0 auto 20px;
    display:block;
}

.headline{
    color:var(--brand);
    font-size:34px;
    margin:0;
    line-height:1.1;
    font-family: CongressSansLight, CongressSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:300;
}

@media (max-width:480px){
    /* reduce sizes by ~40% on small screens */
    .logo{width:132px; max-width:60vw}
    .headline{font-size:20px}
}