#cocktail .cocktail__content.recipes .recipe-header h1 {
    font-size: 2vw;
    margin-bottom: 3vh;
}

#cocktail .cocktail__page .cocktail__panel--content .recipe-header{
    padding: 7% 0%;    
}

#cocktail .recipe-header h3{
    font-size: 1.4vw;
}

#cocktail .cocktail__page .cocktail__content .cocktail__content--holder .cocktail__ingredients--flex-recipe li{
    font-size: 1.3vw;
}

#cocktail .cocktail__page .cocktail__panel--content .cocktail__content .cocktail__ingredients--flex-recipe .ingredient{
    font-size: 0.9vw;
    font-weight: normal;
}

#cocktail .cocktail__page .cocktail__panel--content .cocktail__content div.ingredients ul li{
    font-size: 0.9vw;
    font-weight: normal;
}


#cocktail .cocktail__page .cocktail__content .cocktail__content--holder .ingredients ol li{
    font-size: 0.9vw;
    font-weight: 100;
    text-transform: initial;
}


/* table  */
@media (min-width: 601px) and (max-width: 990px) {
    #cocktail .cocktail__content.recipes .recipe-header h1 {
        font-size: 4vw;        
    }

    #cocktail .recipe-header h3{
        font-size: 2.3vw;
    }

    #cocktail .cocktail__page .cocktail__content .cocktail__content--holder .cocktail__ingredients--flex-recipe li{
        font-size: 2.3vw;
    }

    #cocktail .cocktail__page .cocktail__panel--content .cocktail__content .cocktail__content--holder .cocktail__ingredients--flex-recipe li .ingredient{
        font-size: 1.8vw;        
    }

    #cocktail .cocktail__page .cocktail__panel--content .cocktail__content div.ingredients ul li{
        font-size: 1.8vw;
        font-weight: normal;
    }

    #cocktail .cocktail__page .cocktail__content .cocktail__content--holder .ingredients ol{
        width: 80%;
        margin: 0 auto;
    }

    #cocktail .cocktail__page .cocktail__content .cocktail__content--holder .ingredients ol li{
        font-size: 1.8vw;
        font-weight: 100;
        text-transform: initial;
    }

    #cocktail .cocktail__content.recipes .associated-cocktail .text h1{
        font-size: 4vw;
    }

    #cocktail .cocktail__content.recipes .associated-cocktail .text h2{
        font-size: 1.8vw;
    }



   

}


@media (orientation: landscape) and (max-width: 991px) {

    .container .recipe-holder .cocktail,  
    #cocktail .cocktail__page .cocktail__panel--image .imagebg,
    #cocktail .cocktail__page .cocktail__panel--content .cocktail__content 
    {
        height: 100%;
    }

    /* #cocktail .cocktail__page .cocktail__content .cocktail--centered .recipe-header h3{
        font-size: 1.5vw;
        margin-bottom: 3vh;
    } */   
 
}

 @media (orientation: landscape) and (min-width: 600px) {
	.container .recipe-holder .cocktail {
   	    min-height: unset;
  	}
  
   	.container .recipe-holder .cocktail .cocktail__imagebg,
  	.container .recipe-holder .cocktail .cocktail__imagebg .imagebg {
   	    min-height: unset;
    }

    .container .recipe-holder .cocktail .cocktail__content {
        min-height: unset;
    }
}

/* @media (orientation: landscape) and (max-width: 768px){
    #cocktail .cocktail__page .cocktail__panel--content .cocktail__content .cocktail__ingredients--flex-recipe .ingredient{
		font-size: 1.8vw;
		font-weight: normal;
    }
    #cocktail .cocktail__page .cocktail__panel--content .cocktail__content .cocktail__ingredients--flex-recipe .ingredient li{
        font-size: 2.3vw;
    }
} */

/* mobile  */
@media (orientation: portrait) and (max-width: 600px){
 

    #cocktail .cocktail__content.recipes .recipe-header h1 {
        font-size: 6vw;
       
    }

    #cocktail .recipe-header h3{
        font-size: 3.3vw;
    }

    #cocktail .cocktail__page .cocktail__content .cocktail__content--holder .cocktail__ingredients--flex-recipe {
        flex-direction: column;
    }

    #cocktail .cocktail__page .cocktail__content .cocktail__content--holder .cocktail__ingredients--flex-recipe li{
        font-size: 3.8vw;
        margin-bottom: 3vw;
    }

    #cocktail .cocktail__page .cocktail__panel--content .cocktail__content div.ingredients ul li{
        font-size: 3vw;
    }

    #cocktail .cocktail__page .cocktail__panel--content .cocktail__content .cocktail__ingredients--flex-recipe .ingredient{
        font-size: 2.8vw;
        margin-top: 1vw;    
    }

    .cocktail__page .cocktail__content.recipes p {
        font-size: 3vw;
    }

    #cocktail .cocktail__page .cocktail__content .cocktail__content--holder .ingredients ol li{
        line-height: 1.4em;
        font-size: 3vw;
        text-transform: none;
        font-weight: 100;
    }
   
}

/* Desktop */
@media (min-width: 992px) {
    .cocktail__page .cocktail--centered.recipes {
        overflow-y: scroll;
    }

    .cocktail__content--holder.recipes {
       /*overflow: unset; */
       /* max-height: unset;*/
    }

}

/* Tablet */
@media (min-width: 992px) and (max-height: 768px) {
    .cocktail__content > .cocktail--centered > .cocktail--centered--holder > h2 {
        font-size: min(1.8vh, 1.3rem);
        line-height: 2.3vh
    }

    .recipe-holder .cocktail .cocktail--centered--holder h3 {
        font-size: min(1.6vh, 1.3rem);
        line-height: 2.2vh;
    }

    .recipe-holder .cocktail .cocktail--centered .button.button--honey {
        font-size: min(1.7vh, 1.2rem);
        margin-top: 0;
    }

    .divider {
        margin-bottom: unset;
    }

    .menu .drambuie--logo {
        height: 12vh;
    }

    .menu ul li {
        height: 12.2vh;
        padding: 0;
        margin-top: -2vh;
        font-size: 2.5vh;
    }

    .menu .menu__panel--links {
        height: 60%;
    }

    .menu--centered > li > .divider.divider--honey--short {
        margin-top: 0;
        margin-bottom: 0;
        width: 7vw;
    }
}