@media only screen
and (min-width : 992px)
and (max-width : 1199px)  {
    .cookbook-bk{
        background-size: 100%;
        padding-top: 38em;
    }
    
    blockquote{
        background-size: cover; 
    }
    
    blockquote.second{
        background-position: top right;
    }
}
    
@media only screen
and (min-width : 768px)
and (max-width : 991px)  {
	ul.navbar-nav > li.menu-item-21, ul.navbar-nav > li.current_page_item.menu-item-21{
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	ul.navbar-nav{
		font-size: 1.3em;
		margin-top: 152px;
	}
	
	header{
		padding-top: 40px;
	}
    
    .cookbook-bk{
        background-size: 100%;
        padding-top: 31em;
    }
    
    blockquote{
        background-size: cover; 
    }
    
    blockquote.second{
        background-position: top right;
    }
}

/* large phones/small tablets  ----------- */
@media only screen 
and (max-width : 767px)  {
	header{
		padding: 0;
	}
	
	footer{
		height: auto; 
	}
	
	h3{
		font-size: 1.7em;
	}
	
	.desktop-hide{
		display: block;
	}
    
    blockquote, blockquote.second{
        background-size: 100% 100%;
        padding: 1em;
        background-image: url(../../img/quote-box-1.png);
    }
    
    blockquote.second{
        background-position: top right;
        background-image: url(../../img/quote-box-2.png);
    }
    
    blockquote p{
        font-size: .7em;
    }
    
    .cookbook-bk{
        background-size: 100%;
        padding-top: 87%;
        background-image: url(../../img/cookbook-mobile-bk.png); 
    }
    
    .cookbook-bk h2{
        width: 71%;
        margin: auto;
        font-size: 1em;
    }
    
    li.menu-item-420 img{
        display: none;
    }
    
    .cookbook-bk{
        
    }
    
    .horizontal-line{
        width: 50%;
        margin: 10px auto 0;
        display: block;
    }
    
}