/********** CURRENT IMPORTED CSS **********/
.flavorgrid .col-md-6 {
	width: 50% !Important;
	float: left;
	margin-bottom: 10px;
}
.recipe-steps ul li:nth-child(odd) { 
border-bottom: 1px solid #dbd9d2;
}
.recipe-steps ul li:nth-child(even) {
border-bottom: 1px solid #dbd9d2;
}

.recipe-steps ul li:last-child {
width: 50%;
border-right: 0;
border-bottom: none;
}

.landing-hero_US {
padding: 100% 0 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: transparent;
background-size: cover;
}

@media only screen and (min-width: 768px) {
	.landing-hero1.lamb .content2 {
	height: 130px;
	}

	.landing-hero1 .content2 h1 span {
	display: block;	
	}

	.landing-hero1.lamb .content2 {
	height: auto;
	width: 56%;
	margin-left: 20%;
	}


	.landing-hero1.beef .content2 {
	height: auto;
	width: 56%;
	margin-left: 20%;
	}


	.landing-hero1.goat .content2 {
	height: auto;
	width: 56%;
	margin-left: 20%;
	}


	.recipe-steps ul li {
	border-right: 0px !important;
	padding: 31px;
	width: 200px;
	}

	.heading-dots:after, .heading-dots-white:after, .heading-dots-grey:after, .heading-smaller-dots:after {
	margin: 10px auto;
	}

}

@media only screen and (max-width: 767px) {
	.landing-hero1.lamb .content2 {
	height: auto;
	width:50%;
	}

	.landing-hero1.beef .content2 {
	height: auto;
	}

	.landing-hero1.goat .content2 {
	height: auto;
	}

	.landing-hero {
	padding: 40% 0;
	width: 70%;
	}

	.lamb .beef .goat h1 {
	color: white;
	}

	.recipe-steps ul li:nth-child(even) {
	border-bottom: none;
	border-right: 1px red;
	}
	.recipe-steps ul li:nth-child(odd) {
	border-bottom: none;
	border-right: 1px red;
	}
}

.landing-hero1 .content2 h1 span {
display: block;
letter-spacing: 2px;
}

@media only screen and (min-width: 768px) {

	/*.landing-hero {
	padding: 25% 0;
	width: 60%;
	}*/
	.landing-hero_US {
	padding: 25% 0;
	width: 50%;
	}
}

@media only screen and (max-width: 768px) {
	.landing-hero {
	padding: 50% 0;
	width: 60%;
	}
}

@media only screen and (max-width: 767px) {
	.landing-hero {
	background-size: cover;
	width: 10%;
	padding: 0;
	/*margin-top:77%;*/
	}
	/*
	.landing-hero .content {
		position: relative;
		top: -309px;
	}
	*/
}

@media only screen and (max-width: 767px) {
	.recipe-steps {
	width: 100%;
	}

	.recipe-steps ul li {
	float: none;
	display: inline-block;
	width: 192px;
	padding: 13.9px;
	}
}

@media only screen and (max-width: 768px) {
	.recipe-steps ul li {
	float: left;
	display: inline-block;
	width: 50%;
	padding: 20px !important;
	}

	.landing-hero {
	/* padding: 50%; */
	WIDTH: 100%;
	}
	.landing-hero h1 {
		font-size:24px;
	}
	.flavorgrid .col-md-6 {
		width: 100% !Important;
		float: left;		
	}
}
@media only screen and (min-width: 768px) {
	/*.landing-hero {
	padding: 350px 0;
	background-size: cover;
	}*/
	.landing-hero_US {
	padding: 350px 0;
	background-size: cover;
	}
}

@media only screen and (min-width: 768px), screen and (max-width: 768px) {
	.lamb h1 {
	margin: 0px 0;
	color: white;
	}

	.beef h1 {
	margin: 0px 0;
	color: white;
	}

	.goat h1 {
	margin: 0px 0;
	color: white;
	}

	.landing-hero1.goat {
	background-color: rgba(248, 189, 37, .7);
	background-size: cover;
	}

	.landing-hero1.beef {
	background-color: rgba(127, 23, 25, .7);
	background-size: cover;
	}

	.landing-hero1.lamb {
	background-color: rgba(92, 123, 53, .7);
	background-size: cover;
	}
}

@media only screen and (min-width: 1024px) {
	.recipe-steps ul li span {
	margin-bottom: 11px;
	}
	.news-events-overview .details ul li .desc{
	min-height: 34%
	}
}
@media only screen and (max-width: 1080px) {
	.landing-hero_US {
	padding: 50% 0;
	width: 100%; 
	}
	.recipe-steps {
	width: 100% !important;
	float: left;
	}
}

@media only screen and (min-width: 768px) {
	.row2 {
	margin-left: 20%;
	}
}

@media only screen and (min-width: 767px) {
	.recipe-steps {
	width: 20%;
	float: left;
	}
}
@media only screen and (max-width: 1024px), screen and (max-width: 1080px) {
	.row2 {
	margin-left:0%;
	}
}

@media only screen and (max-width: 1080px) {
	.landing-hero1.lamb .content2 {
	height: auto;
	width: 100%; 
	margin-left: 0%;
	}
}

@media only screen and (max-width: 1024px) {
	.recipe-steps ul {
	padding: 0px 0;
	}
	.recipe-steps {
	width: 27%;
	float: left;
	}
	.news-events-overview .details ul li .desc{
	min-height: 34%
	}
}  
@media only screen and (max-width: 1400px) {
	.recipe-steps {
	width: 27%;
	float: left;
	}
}

@media only screen and (min-width: 1280px) {
	.recipe-steps ul {
	padding: 6px 0;
	}
}

@media only screen and (max-width: 1600px) {

	.recipe-steps ul li {
	padding: 27px;
	}

	.recipe-steps ul {
	padding: 30px;
	}
}

/*Embedded image override*/
/*
.content img {
	height : auto;
}
*/
/********** NEW CSS FOR FLAVOR-GRID **********/
.hero .flavorgrid .title {
    text-transform: none;
    font-size: 26px;
}
.hero .flavorgrid .col-md-6 {
	margin-bottom: 20px;
    padding: 0 10px;
    box-sizing: border-box;
}
.hero .flavorgrid .title div span {
    font-size: 32px;
    margin-bottom: 32px;
}
.hero .flavorgrid .title.title--main {
	margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
    .hero .flavorgrid .title.title--main {
        font-size: 36px;
   }
}
@media only screen and (min-width: 1024px) {
    .hero .flavorgrid .title.title--main {
        font-size: 48px;
   }
}
.hero .flavorgrid .title span {
    font-size: 20px;
}
.hero .flavorgrid .btn {
    width: 100%;
    text-transform: none;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    background: rgba(211, 211, 211, 0.2);
}
.hero .flavorgrid .btn:hover {
    background: rgba(154, 205, 50, 0.3);
    color: white;
}
@media only screen and (min-width: 1024px) {
    .hero .flavorgrid .btn {
        font-size: 20px;
   }
}
@media only screen and (min-width: 1400px) {
	.tease-image .asset img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}
.videoplayerblock div[style*="width:50%"] {
	 position: relative;
     width: 100% !important;
     height: 0;
     padding-bottom: 56.25%;
}
.videoplayerblock iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100% !important;
     height: 100% !important;
}