*{
    border: 0;
    margin: 0;
    padding: 0;
    font-family:rutan, Arial;
    font-weight: lighter;
    font-size:10px;
}
body{
    padding:40px 20px;
}


body.elephant .debug{
  display:none !important;
}

body:not(.elephant) header{
  padding-top:30px;
}

body:not(.elephant){
  padding-top:70px;
}


div.info{
    position:absolute;
    top:100px;
    right:20px;
    text-align:right;
}

@font-face {
    font-family: 'rutan';
    src: url('../fonts/rutan_bold.eot');
    src: url('../fonts/rutan_bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rutan_bold.woff2') format('woff2'),
         url('../fonts/rutan_bold.woff') format('woff'),
         url('../fonts/rutan_bold.ttf') format('truetype'),
         url('../fonts/rutan_bold.svg#Rutan-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rutan';
    src: url('../fonts/rutan_light.eot');
    src: url('../fonts/rutan_light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rutan_light.woff2') format('woff2'),
         url('../fonts/rutan_light.woff') format('woff'),
         url('../fonts/rutan_light.ttf') format('truetype'),
         url('../fonts/rutan_light.svg#Rutan-Light') format('svg');
    font-weight: lighter;
    font-style: normal;

}


@font-face {
    font-family: 'rutan';
    src: url('../fonts/rutan_medium.eot');
    src: url('../fonts/rutan_medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rutan_medium.woff2') format('woff2'),
         url('../fonts/rutan_medium.woff') format('woff'),
         url('../fonts/rutan_medium.ttf') format('truetype'),
         url('../fonts/rutan_medium.svg#Rutan-Medium') format('svg');
    font-weight: bold;
    font-style: normal;

}


header{
  background:rgb(52, 52, 52);
height: 37px;
border-bottom: 3px solid
#000;
z-index: 1600;
display: flex;
position: fixed;
top:0;
left:0;
right:0;
 flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
      align-content: center;
}

header div:first-child{
   flex: 1 1 auto;
}

header div:nth-child(2) {
  flex: 0 1 auto;
}

div.paper{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  background:#fff;
  padding:20px;
  display:inline-block;
  margin-bottom: 20px;
}

.alignRight{
float:right;
}

.alignLeft{
  float:left;
}