.beer-popup.hidden{
  opacity:0;
  transition: opacity 0.2s ease-in-out;
  z-index:-999;
}

.beer-popup {
    position: absolute;
    background:rgba(255,255,255,0.95);
    width:400px;
    max-width:100%;
    opacity:1;
    transition: opacity 0.2s ease-in-out;
    z-index:9999;
    padding:20px;
    box-shadow:1px 1px 10px 1px rgba(0,0,0,0.5);
}

.beer-popup aside{
  clear:both;
  width:80%;
  text-align:center;
  margin:auto;
}

.beer-popup h2{
    width:100%;
    margin-bottom:10px;
}

.beer-popup h3{
    width:100%;
    margin-top:0;
    padding-bottom:10px;
    height:16px;
    font-style:italic;
}

.beer-popup img{
    float:left;
    width:30%!important;
    height:auto;

}

.beer-popup figcaption{
    float:right;
    width:60%;
    display:block;
}

.beer-popup dl{
    clear:both;
    border-top:1px solid black;
		display:flex;
		justify-content:space-around;
}

.beer-popup dl div{
    text-align:center;
}

/*---BEER PAGE---*/
.ebl-beer-info-wrapper {
    max-width: 80%;
    width: 600px;
    margin: auto;
    display:flex;
    justify-content:space-around;
}

.ebl-primary-content-wrapper h3{
	text-align:center;
	width:100%;
	display:block;
}

.ebl-primary-content-wrapper .jetpack-video-wrapper,
.ebl-primary-content-wrapper .wp-video{
    display: flex;
    justify-content: space-around;
    margin:auto;
}

.ebl-beer-info-wrapper img{
  max-height:400px;
  width:auto;
}

.ebl-primary-content .untappd-url{
  width:30%;
  margin:auto;
  display:block;
  text-align:center;
}

@media (orientation: portrait) and (max-device-width: 750px){
  .ebl-beer-info-wrapper img{
    margin:auto;
    display:block;
  }
  .ebl-beer-info-wrapper{
    display:block;
  }
}