/* Header */
div.topbar {
height: 40px;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1000;
overflow: visible;
}

div.topbar div.topbar-bg {
background-color: #1a9bfc;
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#00a0d1',EndColorStr='#008db8',GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00a0d1', EndColorStr='#008db8', GradientType=0)";
width: 100%;
height: 50px;
position: absolute;
top: 0;
left: 0;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

div.topbar div.topbar-inner {
position: relative;
z-index: 105;
}

div.fixed-container {
padding: 0;
width: 1140px;
margin: 0 auto;
}

div.topbar a.logo span {
float: left;
margin-left: 16px;
margin-top: 16px;
margin-right: 0;
color: white;
font-size: 20px;
font-weight: 200;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
text-overflow: ellipsis;
white-space: nowrap;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#intro {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    text-align: justify;
}

#intro div {
    margin: 1em 0;
}

#intro p {
    margin-top: 0.5em;
}