@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Glegoo);

html {
    background: #222;
    color: #ddd;
    font-family:Glegoo;
}

h1,
h2,
h3,
h4,
h5,
h6{
  color:#dbab0f;
  font-family:oswald;
}

ul, ul li{
  list-style-type:none;
  margin:0;
  padding:0;
}

p,
span{
	font-size:1vw;
}

h1{
	font-size:1.5vw;
}

h2{
	font-size:1vw;
}

header{
  width:90%;
  position:fixed;
  left:5%;
  top:0;
  height:10%;
}

ul{
  position:fixed;
  top:calc(10% + 120px);
  left:2%;
  height:calc(85% - 80px);
  width:96%;
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
}

.after-menu{
  position:fixed;
  bottom:0;
  width:90%;
  left:5%;
  text-align:center;
}

aside.has-img{
  height:90%;
  background-repeat:no-repeat;
  background-size:contain;
}

.beer-info h1{
  margin:0;
  padding:0;
}

.beer-info em{
  font-size:1vw;
}

.beer-info p,
.beer-info span{
  margin:10px 0;
  width:90%;
  color:white;
  font-family:glegoo;
}

.beer-info p{
    font-size: .75vw;
    margin: 0;
    line-height:1vw;
}

.beer-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 90%;
}

.beer-info div {
    display: flex;
    width: 50%;
}

img {
  float: left;
  margin-right: 20px;
  height: 100%;
}

header img {
    height: 100px;
    max-width: 200px;
    margin: 20px auto;
}

header {
  display: flex;
  flex-direction: row;
}

header * {
  height: 33%;
  margin: 0;
  padding: 0;
  text-align:center;
}

.print-wrap {
    padding-left: 5%;
}