.cocktails {
  margin: 0 30px;
}

.cocktails h2 {
  background-size: 80% 3px;
  font-size: 3.6rem;
}

/*
.cocktail-aw-3 {
  margin-top: 60px; 
}*/

.cocktail-mr-2 {
  margin-top: 30px; 
}

.recipe-left-col { 
  display: inline-block;
  float: left; 
  margin-left: 4%;
}
.recipe-right-col { 
  display: inline-block;
  float: right; 
  margin-right: 5%;
}

/* Recipes */
.cocktail-aw-1 .recipe-right-col, .cocktail-mr-1 .recipe-right-col, .cocktail-vd-1 .recipe-right-col,
.cocktail-aw-2 .recipe-left-col, .cocktail-mr-2 .recipe-left-col, .cocktail-vd-2 .recipe-left-col,
.cocktail-aw-3 .recipe-right-col, .cocktail-mr-3 .recipe-right-col, .cocktail-vd-3 .recipe-right-col  {
  min-width: 350px;
  max-width: 25%;
}

/* Bottle backgrounds */
.cocktail-aw-1 .recipe-left-col, .cocktail-mr-1 .recipe-left-col, .cocktail-vd-1 .recipe-left-col {
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: left top; 
  width: 60%;
}
.cocktail-aw-2 .recipe-right-col, .cocktail-mr-2 .recipe-right-col, .cocktail-vd-2 .recipe-right-col {
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: right center;
  margin-top: -100px;
  min-height: 600px;
  width: 60%;
}
.cocktail-aw-3 .recipe-left-col, .cocktail-mr-3 .recipe-left-col, .cocktail-vd-3 .recipe-left-col {
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: left bottom;
  width: 60%;
}
.cocktail-aw-1 .recipe-left-col {
  background-image: url('../images/cocktails_aw_1.png'); 
}
.cocktail-aw-2 .recipe-right-col {
  background-image: url('../images/cocktails_aw_2.png'); 
}
.cocktail-aw-3 .recipe-left-col {
  background-image: url('../images/cocktails_aw_3.png'); 
}
.cocktail-mr-1 .recipe-left-col {
  background-image: url('../images/cocktails_mr_1.png?v=3'); 
}
.cocktail-mr-2 .recipe-right-col {
  background-image: url('../images/cocktails_mr_2.png?v=3'); 
}
.cocktail-mr-3 .recipe-left-col {
  background-image: url('../images/cocktails_mr_3.png?v=3'); 
}
.cocktail-vd-1 .recipe-left-col {
  background-image: url('../images/cocktails_vd_1.png'); 
}
.cocktail-vd-2 .recipe-right-col {
  background-image: url('../images/cocktails_vd_2.png'); 
}
.cocktail-vd-3 .recipe-left-col {
  background-image: url('../images/cocktails_vd_3.png'); 
}

/* Instagram plugin containers */
.instagram-container {
  height: 250px;
  margin-top: 20%;
  margin-left: 6%;
  width: 350px;
}
.recipe-right-col .instagram-container {
  float: right;
}



p.recipe-description {
  color: #4B2920;
  font-family: "alternate-gothic-atf", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 1rem;
  text-align: center;
}

dl.recipe-ingredients {
  list-style-type: none;
  margin-bottom: 0;
  padding: 15px 20px;
}

.recipe-ingredients dt {
  color: #FFF;
  font-family: "fairplex-narrow", serif;
  font-weight: 500;
  font-size: 2.6rem;
  font-style: normal;
  letter-spacing: 0.5px;
  line-height: 1;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  text-align: left;
}

.recipe-ingredients dd {
  color: #FFF;
  font-family: "alternate-gothic-atf", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.25px;
  margin-bottom: 0;
  margin-left: 0;
}

ol.recipe-instructions {
  counter-reset: num;
  list-style: none;
  margin-top: 15px;
  margin-left: 30px;
}
  
.recipe-instructions li {
  counter-increment: num;
  color: #4B2920;
  display: block;
  font-family: "alternate-gothic-atf", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  margin-bottom: 0;
}
.recipe-instructions li span {
  display: inline;
  line-height: 50px;
  padding-left: 5px;
  vertical-align: top;
}
.recipe-instructions li::before {
  content: counter(num)". ";
  color: #4B2920;
  font-family: "fairplex-narrow", serif;
  font-weight: 500;
  font-size: 4.8rem;
  font-style: normal;
}

.recipe-notes {
  color: #4B2920;
  font-family: "alternate-gothic-atf", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0 auto;
  max-width: 350px;
}