a.theading{ font-size: 22px; line-height:120%; max-width:90%; margin:auto; text-align:center; margin-top:20px; margin-bottom:15px; font-family: 'Open Sans', sans-serif; font-weight:300; font-style:normal; color:#E51D27;}
@media (min-width: 768px) {  .theading {max-width:500px; font-size: 24px; margin-top:25px; margin-bottom:20px}}
@media (min-width: 992px) {  .theading {max-width:900px; font-size: 26px; text-align:left; margin-top:25px; margin-bottom:20px}}
@media (min-width: 1200px) {  .theading {max-width:1000px; font-size: 28px; margin-top:35px; margin-bottom:25px}}
@media (min-width: 1500px) {  .theading {max-width:1150px; font-size: 30px; margin-top:40px; margin-bottom:30px}}

.theading2{ font-size: 22px; line-height:120%; max-width:90%; margin:auto; text-align:center; margin-top:20px; margin-bottom:15px; font-family: 'Open Sans', sans-serif; font-weight:300; font-style:normal;  color:#E51D27;}
@media (min-width: 768px) {  .theading2 {max-width:90%; font-size: 24px; margin-top:25px; margin-bottom:20px}}
@media (min-width: 992px) {  .theading2 {max-width:90%;font-size: 26px; text-align:left; margin-top:25px; margin-bottom:20px}}
@media (min-width: 1200px) {  .theading2 {max-width:1000px;font-size: 28px; margin-top:35px; margin-bottom:25px}}
@media (min-width: 1500px) {  .theading2 {max-width:1050px;font-size: 30px; margin-top:40px; margin-bottom:30px}}

.titlesubheading2{ max-width:90%; font-size: 14px; line-height:140%; margin:auto; margin-top:2px; padding:6px; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:300; font-style:italic;  color:#494949;}
@media (min-width: 768px) {  .titlesubheading2 {max-width:100%; font-size: 14.5px; margin-top:2px; padding:7px}}
@media (min-width: 992px) {  .titlesubheading2 {text-align:right; margin-right:0px; font-size: 15px; margin-top:2px; padding:8px}}
@media (min-width: 1200px) {  .titlesubheading2 {font-size: 15px; margin-top:2px; padding:10px}}
@media (min-width: 1500px) {  .titlesubheading2 {font-size: 16px; margin-top:3px; padding:12px}}

	.ingredientstitle{max-width:90%; padding-top:25px;  margin:auto; text-align:center;  line-height:140%; font-family: 'Open Sans', sans-serif; font-weight:800; font-style:normal; font-size: 14.5px; color:#c69c6d;}
	@media (min-width: 768px) {  .ingredientstitle {max-width:100%; font-size:15px; padding-top:25px;}}
	@media (min-width: 992px) {  .ingredientstitle {text-align:left; font-size:15px; padding-top:25px;}}
	@media (min-width: 1200px) {  .ingredientstitle {font-size:16px; padding-top:30px; }}

	
	.ingredientstitle2{max-width:90%; margin:auto; padding-top:25px;  margin:auto; text-align:center;  line-height:140%; font-family: 'Open Sans', sans-serif; font-weight:800; font-style:normal; font-size: 14.5px; color:#c69c6d;}
	@media (min-width: 768px) {  .ingredientstitle2 {max-width:100%; font-size:15px; padding-top:25px;}}
	@media (min-width: 992px) {  .ingredientstitle2 {text-align:left; font-size:15px; padding-top:25px;}}
	@media (min-width: 1200px) {  .ingredientstitle2 {font-size:16px; padding-top:30px; }}

	.ingredients{max-width:100%; margin:auto; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal; font-size: 14px; line-height:170%; padding-top:8px; color:#555555;}
	@media (min-width: 768px) {  .ingredients {max-width:100%;margin:0px; font-size:14px; padding-top:8px;}}
	@media (min-width: 992px) {  .ingredients {font-size:15px; padding-top:10px; text-align:left; margin-left: 20px;}}
	@media (min-width: 1200px) {  .ingredients {font-size:15px; padding-top:10px;}}

	

	.method{margin:auto; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal; font-size: 14px; line-height:150%; padding:12px; color:#555!important;}
	@media (min-width: 768px) {  .method {margin:0px; font-size:14px;  padding: 12px 0px 0px 0px;}}
	@media (min-width: 992px) {  .method {text-align:left; font-size:15px; padding: 12px 0px 0px 0px;}}
	@media (min-width: 1200px) { .method {text-align:left; font-size:15px;}}
	@media (min-width: 1500px) { .method {text-align:left; font-size:15px; padding: 12px 0px 0px 0px;}}
	.method a{ text-decoration:underline; color:#4d78a0}
	.method a:hover { text-decoration:none; color:#df2027}

.method1{margin:auto; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;  font-size: 14px; white-space: normal; line-height:150%; padding-top:8px; color:#333!important;}
@media (min-width: 768px) {  .method1 {margin:0px; font-size:14.5px; padding-top:8px;}}
@media (min-width: 992px) {  .method1 {font-size:15px; padding-top:10px; text-align:left; }}
@media (min-width: 1200px) {  .method1 {font-size:15px; padding-top:10px;}}
@media (min-width: 1500px) {  .method1 {font-size:16px; padding-top:12px;}}
.method1 a{ text-decoration:underline; color:#4d78a0}
.method1 a:hover { text-decoration:none; color:#df2027}

.del{margin:auto; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal;  font-size: 14px; white-space: normal; line-height:150%; padding-top:8px; color:#333!important;}
@media (min-width: 768px) {  .del {margin:0px; font-size:14.5px; padding-top:8px;}}
@media (min-width: 992px) {  .del {font-size:15px; padding-top:10px; text-align:left; }}
@media (min-width: 1200px) {  .del {font-size:15px; padding-top:10px;}}
@media (min-width: 1500px) {  .del {font-size:16px; padding-top:12px;}}
.del a{ text-decoration:none; color:#df2027}
.del a:hover { text-decoration:none; color:#df2027}

.ingredientscontainer{max-width:100%; text-align:center; margin:auto; margin-bottom: 20px;}
@media (min-width: 750px) {  .ingredientscontainer {max-width:600px; }}
@media (min-width: 1200px) {  .ingredientscontainer {max-width:850px; }}
@media (min-width: 1500px) {  .ingredientscontainer {max-width:1050px; }}

.recipebuttoncontainer{ width:100%;  display:inline-block; max-width:145px;  padding:16px; }
@media (min-width: 750px) {  .recipebuttoncontainer{ max-width:220px; padding:16px; }}
@media (min-width: 1200px) {  .recipebuttoncontainer {max-width:220px; padding:20px; }}
@media (min-width: 1500px) {  .recipebuttoncontainer {max-width:220px; padding:20px; }}
.recipebuttoncontainer:hover { opacity:0.7}

.recipeheadingdynamic {max-width:90%; color:#e01f27; font-size:18px; text-align:center; margin:auto; font-family: 'Open Sans', sans-serif; font-weight:300; font-style:normal;  padding: 20px 0px 12px 0px}
@media (min-width:768px)  {  .recipeheadingdynamic  {max-width:90%; font-size:20px; padding: 32px 0px 16px 0px}}
@media (min-width:992px)  {  .recipeheadingdynamic  {text-align:left; max-width:720px; font-size:22px; padding: 36px 0px 18px 0px}}
@media (min-width:1200px)  {  .recipeheadingdynamic  {max-width:920px; font-size:24px; padding: 38px 0px 25px 0px}}
@media (min-width:1500px)  {  .recipeheadingdynamic  {max-width:1050px; font-size:26px; padding: 40px 0px 30px 0px}}

.recipe-button{height:101px;width:140px; display:inline-block; border-radius:15px;border-style: solid;border-width: 1px;border-color:#a4a5a6;overflow:hidden;}
@media (min-width: 750px) {  .recipe-button{height:116px;width:160px;  }}
@media (min-width: 1200px) {  .recipe-button {height:139px;width:192px; }}
@media (min-width: 1500px) {  .recipe-button {height:139px;width:192px; }}

.bttncontainer{ margin:auto; text-align:center; max-width:100%;margin-bottom:30px; margin-top:20px }
@media (min-width: 750px) {  .bttncontainer{ max-width:700px;margin-bottom:40px; margin-top:30px }}
@media (min-width: 1200px) {  .bttncontainer {max-width:1000px;margin-bottom:50px; margin-top:40px }}
@media (min-width: 1500px) {  .bttncontainer {max-width:1050px; margin-bottom:60px; margin-top:50px}}

.recipe-button-container{display:inline-block; vertical-align:top; margin:3px; max-width:140px;}
@media (min-width: 750px) {  .recipe-button-container {max-width:160px;  margin:3px; }}
@media (min-width: 1200px) {  .recipe-button-container {max-width:192px;  margin:3px; }}
@media (min-width: 1500px) {  .recipe-button-container {max-width:192px;  margin:4px; }}

.recipe-button-containertext{max-width:140px;}
@media (min-width: 750px) {  .recipe-button-containertext {max-width:160px;}}
@media (min-width: 1200px) {  .recipe-button-containertext {max-width:192px;}}
@media (min-width: 1500px) {  .recipe-button-containertext {max-width:192px;}}

.recipe-button-text{width:111px; float:left; font-family: Open Sans; font-size:11px; line-height:120%; top:0; color:#989898; margin-top:9px; margin-bottom:9px;}
@media (min-width: 43.75em) {  .recipe-button-text {height:116px;width:160px; font-size:12px; margin-top:10px;}}
@media (min-width: 56.25em) {  .recipe-button-text {height:139px;width:192px; font-size:13px; margin-top:12px;}}

.proname {max-width:140px; text-align:center; margin:auto; color:#7F5050; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:300; font-style:normal;  line-height:140%; padding:8px;}
@media (min-width: 768px) {  .proname {max-width:160px; font-size:14.5px; padding:10px;}}
@media (min-width: 992px) {  .proname {max-width:160px; font-size:15px; padding:10px;}}
@media (min-width: 1200px) {  .proname {max-width:192px; font-size:15px; padding:11px;}}
@media (min-width: 1500px) {  .proname {max-width:192px; font-size:16px; padding:12px;}}

.icons {display:inline-block; text-align:center; color:#b3a59a; width:80px; height:35px; font-size:11px; font-family: 'Open Sans', sans-serif; font-weight:600; font-style:normal; }
@media (min-width: 768px) {  .icons {width:100px; font-size:11.5px;}}
@media (min-width: 992px) {  .icons {width:100px; font-size:12px;}}
@media (min-width: 1200px) {  .icons {width:120px; font-size:12px;}}
@media (min-width: 1500px) {  .icons {width:130px; font-size:13px;}}	

.iconscontainer {max-width:90%; margin:auto; text-align:center; height:60px; margin-top:20px; margin-bottom:20px;}
@media (min-width: 768px) {  .iconscontainer {max-width:90%; margin-top:16px; margin-bottom:25px; }}
@media (min-width: 992px) {  .iconscontainer {max-width:720px; text-align:right; margin-top:16px; margin-bottom:25px;}}
@media (min-width: 1200px) {  .iconscontainer {max-width:920px; margin-top:18px; margin-bottom:30px; }}
@media (min-width: 1500px) {  .iconscontainer {max-width:1050px; margin-top:20px; margin-bottom:40px; }}

.rimagecontainer{max-width:100%; margin:auto; text-align:center; vertical-align:top; overflow:hidden }
@media (min-width: 768px) {  .rimagecontainer {max-width:100%;}}
@media (min-width: 992px) {  .rimagecontainer {max-width:920px;}}
@media (min-width: 1200px) {  .rimagecontainer {max-width:1050px; height: 410px;}}
@media (min-width: 1500px) {  .rimagecontainer {max-width:1050px; height: 410px;}}