@font-face {
  font-family: 'Akzidenz-Grotesk BQ';
  src: url('https://dl.dropboxusercontent.com/s/bez5dx30rfveon4/AkzidenzGroteskBQ-BoldExt.eot?dl=0');
  src: url('https://dl.dropboxusercontent.com/s/bez5dx30rfveon4/AkzidenzGroteskBQ-BoldExt.eot?dl=0?#iefix') format('embedded-opentype'),
    url('https://dl.dropboxusercontent.com/s/lfveu25hr7y86p1/AkzidenzGroteskBQ-BoldExt.woff?dl=0') format('woff'),
    url('https://dl.dropboxusercontent.com/s/747bzwufjm5fkop/AkzidenzGroteskBQ-BoldExt.ttf?dl=0') format('truetype'),
    url('https://dl.dropboxusercontent.com/s/6vwovqxe6sf5qz3/AkzidenzGroteskBQ-BoldExt.svg?dl=0#AkzidenzGroteskBQ-BoldExt') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
    font-family: 'MetaProBold';
    src: url('https://dl.dropboxusercontent.com/s/9d4ljipav5sduj4/MetaProBold.eot?dl=0');
    src: url('https://dl.dropboxusercontent.com/s/9d4ljipav5sduj4/MetaProBold.eot?dl=0') format('embedded-opentype'),
         url('https://dl.dropboxusercontent.com/s/jab6m775gw03r6t/MetaProBold.woff2?dl=0') format('woff2'),
         url('https://dl.dropboxusercontent.com/s/mre3fl20tdy0xey/MetaProBold.woff?dl=0') format('woff'),
         url('https://dl.dropboxusercontent.com/s/palu0540o3sivxe/MetaProBold.ttf?dl=0') format('truetype'),
         url('https://dl.dropboxusercontent.com/s/dvnxfa5ycrpcv7a/MetaProBold.svg?dl=0#MetaProBold') format('svg');
}

body
{
  background:#283681;
  color:#FFF;
}

section
{
  border:.58275vw solid #8a171c;
  text-align:center;
  width:70%;
  margin:40px auto 0;
  padding:2.4%;
}

div#menu {
    width: 357px;
    margin: 0 auto;
    height: 60px;
    margin-top: 15px;
}

#menu a {
    float: left;
    text-decoration: none;
    color: #6870af;
    border: 1px solid #6972ad;
    padding: 10px;
    margin: 10px;
    font-family: arial;
    font-size: 15px;
}

#menu a:hover {
    background: #273483;
    color: #5566ca;
}

.stars
{
  color:#8a171c;
  display:flex;
  justify-content:space-around;
  font-size:2.33vw;
  max-width:21vw;
  background:#283681;
  margin:-1.7em auto 0;
  padding:0 .667em;
}

h1
{
  font-family:'Akzidenz-Grotesk BQ';
  font-size:50px;
  letter-spacing:.2em;
  line-height:1.2;
  margin:0;
}

section h2 {
  letter-spacing:.1em;
  text-shadow:0 1px 1px rgba(0,0,0,0.81);
  color:#FFF;
  font-family:arial;
  font-size:20px;
  text-decoration:none;
  margin:0;
  padding:0;
}

h2 {
  color:#FFF;
  font-family:arial;
  font-size:18px;
  text-decoration:none;
  margin:0;
  padding:0;
}

.stars:last-of-type
{
  margin-top:0;
  margin-bottom:-1.53em;
}

img
{
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
  width:15%;
}

#wrapper
{
  width:100%;
  float:right;
}

#post
{
  position:relative;
  width:100%;
  overflow:hidden;
  border-bottom:1px solid #2e3b8c;
  margin:20px auto;
  padding:10px;
}

#content a
{
  text-decoration:none;
}

#post img
{
  width:100%;
}

div#topbar {
    text-align: center;
    width: 70%;
    margin: 40px auto 0;
}


.description
{
  width:100%;
  height:100%;
  background:#333;
  text-decoration:none;
}

#footer
{
display: none;
}

@media only screen and min-width 750px {
  #post
  {
    width:80%!important;
  }
}