html,
body{
  height: 100%;
  width: 100%;
  font-family: Verdana, Arial,Helvetica;
  margin: 0px;
  padding: 0px;
}


/* 335E9B */

div.hr{
  background-color: #335E9B;
  height:5px;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

div.container{
  width: 50%;
  min-width: 512px;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  height: calc(100% - 15px);
  padding-top: 15px;
}

div.header{
  cursor: pointer;
}

div.header div{
  display: inline-block;
  font-size: 2em;
}
div.header div.text{
  position: relative;
  bottom: 0.5em;
}

div.menu > span::after,
div.menu > span:first-child::before{
  color: #f21323;
  content: " | ";
}
div.menu > span > a:link,
div.menu > span > a:visited,
div.menu > span > a:hover,
div.menu > span > a:active {
    text-decoration: none;
    color: #335E9B;
}


div.footer{
  margin-left: auto;
  margin-right: auto;
  /*position: absolute;*/
  bottom: 0px;
  font-size: 10px;
}