div.landing-display-1 {
width: 100%;
border: 0px solid black;
clear: both;
padding: 5px;
margin: 0px 0px 10px 0px;
min-height: 250px;
color: #000;
display:block;
text-align: justify;
}

.landing-display-1 img {
float: left;
vertical-align: top;
margin: 0px;
width: 252px;
height: auto;
}

.landing-display-1 div.image-thumbnail {
padding-right: 25px;
height: 252px;
min-height: 252px;
width: 252px;
min-width: 252px;
display: inline;
float:left;
}

.landing-display-1 img.full, .landing-display-1 img.large {
width:100%;
height: auto;
}

.landing-display-1 div.image-full, .landing-display-1 div.image-large {
/* max-height: 320px; */
overflow:hidden;
margin-bottom: 8px;
width: 100%;
}

.landing-display-1 a, .landing-display-2 a, .landing-display-3 a{
color: #000 !important;
font-weight: 600;
}

.landing-display-1 h2, .landing-display-2 h2, .landing-display-3 h2, .landing-display-4 h2, .landing-display-5 h2{
margin: 0px;
text-transform: uppercase;
font-style: normal;
text-align: left !important;
font-family: 'Gotham SSm A', 'Gotham SSm B'; 
font-size: 14px;
min-height: 32px;
webkit-margin-after: 2px;
font-weight: 800;
overflow-wrap: break-word;
  word-wrap: break-word;
}

div.landing-display-2 {
width: 48%;
border: 0px solid black;
float: left;
padding: 5px;
margin: 0px 0px 10px 0px;
min-height: 100%;
color: #000;
height: 100%;
text-align: justify;
}

.landing-display-2 img.full, .landing-display-2 img.large {
float: left;
width:100%;
height: auto;
margin: 0px 0px 5px 0px;
width: 100%;
}

.landing-display-2 div.image-full, .landing-display-2 div.image-large  {
/* max-height: 137.44px; */
overflow:hidden;
margin-bottom: 8px;
}

.landing-display-2 img.full, .landing-display-2 img.large  {
float: left;
width:100%;
height: auto;
margin: 0px 0px 5px 0px;
}

div.flipper22 {
float: right;
}

div.landing-display-3 div.image-full, div.landing-display-4 div.image-full, div.landing-display-5 div.image-full {
/* max-height: 91.609px; */
/* overflow:hidden; */
width: 100%;
}

div.recipe-archive div.image-full {
overflow: visible;
width: 100%;
}

div.multi-box-holder {
width: 100%;
clear: both;
height: auto;
}

div.landing-display-3 {
width: 32%;
border: 0px solid black;
float: left;
padding: 0px;
margin: 0px 2% 10px 0px;
min-height: 100%;
color: #000;
height: 100%;
text-align: justify;
}

div.landing-display-4 {
width: 22.5%;
border: 0px solid black;
float: left;
padding: 0px;
margin: 0px 2% 10px 0px;
min-height: 100%;
color: #000;
height: 100%;
text-align: justify;
}

div.landing-display-5 {
width: 18%;
border: 0px solid black;
float: left;
padding: 0px;
margin: 0px 2% 10px 0px;
min-height: 100%;
color: #000;
height: 100%;
text-align: justify;
}

div.flipper33 {
margin-right: 0px;
}

.landing-display-3 img , .landing-display-4 img, .landing-display-5 img{
float: left;
vertical-align: top;
margin: 0px 0px 5px 0px;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
max-height: auto !important;
}

span.hider-arrow {
font-size: 3rem;
}

@media (max-width: 800px) {

div.landing-display-2 {
width: 100%;
margin: 10px auto;
display: block;
float: none;
	clear: both;
}

.landing-display-2 img.full, .landing-display-2 img.large {
float: left;
width:100%;
height: auto;
margin: 0px 0px 5px 0px;
}

.landing-display-2 div.image-full, .landing-display-2 div.image-large  {
min-width: 100%;	
overflow:hidden;
margin-bottom: 8px;
}

div.landing-display-3, div.landing-display-4, div.landing-display-5  {
overflow-wrap: break-word;
  word-wrap: break-word;
}

.landing-display-3 h2, .landing-display-4 h2, .landing-display-5 h2  {
font-size: 10px;
}

div.flipper21, div.flipper22 {
float: none;
}

div.flipper21 img, div.flipper22 img {
	width: 100%;
	min-width: 100%;
	height: auto;
}
}