/* ---- OVERALL STRUCTURE ------------------------ */
.push {position:relative; width: 100%; margin: .5em 0; padding: 0; /*height: 180px;*/ background-color: blue; overflow: hidden;
	-webkit-border-top-left-radius: 1.125em;
	-webkit-border-top-right-radius: 1.125em;
	-moz-border-radius-topleft: 1.125em;
	-moz-border-radius-topright: 1.125em;
	border-top-left-radius: 1.125em;
	border-top-right-radius: 1.125em;
	-webkit-border-bottom-right-radius: 1.125em;
	-webkit-border-bottom-left-radius: 1.125em;
	-moz-border-radius-bottomright: 1.125em;
	-moz-border-radius-bottomleft: 1.125em;
	border-bottom-right-radius: 1.125em;
	border-bottom-left-radius: 1.125em;
	}

#sidebar .push img {display: block; margin: 0 auto;}
#sidebar .push img:first-child {display: block; margin: 0;}

.push-inset {margin: 5%;}
p.push-head {margin: 0 auto; font-size: 1.25em; font-weight: bold;}
p.push-head i {font-size: 1.25em;}
p.push-text {margin: .5em auto; font-size: 1em;}

	/* 480px/16px = 30em */
	@media screen and (min-width: 30em) {
	#sidebar .push {width: 48%;}
	.push:nth-of-type(odd) {float: left; CLEAR: BOTH; margin: 0 1% .75em 0;}
	.push:nth-of-type(even) {float: right; margin: 0 0 .75em 1%;}
	p.push-head {font-size: 1.0em;}
	p.push-head i {font-size: 1.0em;}
	}


	/* 700px/16px = 43.75em */
	@media all and (min-width: 43.75em) {
	#sidebar .push {float: none; width: 100%; margin: .5em auto;}
	.push:nth-of-type(odd) { }
	.push:nth-of-type(even) { }
	}

	/* 880px/16px = 55em */
	@media screen and (min-width: 55em) {
	p.push-head {font-size: 1.25em;}
	p.push-head i {font-size: 1.125em;}
	}
    
/* ---- TAKE A BREAK AND PLAY ------------------------ */
#break {background-color:#007f61; color: #fff;}
#break p.push-head i {font-size: 1.5em;}
#break a {width: 55%; font-size: .9em;}


/* ---- SIGN UP FOR EMAIL ------------------------ */
#email {background-color:#4286b5; color: #fff;}
#email a {width: 55%; font-size: .9em;}

/* ---- PRODUCT DISCOVER ------------------------ */
#product-discovery {background-color:#f9dc94;}
#product-discovery img {width: 100%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 10;}
p.flavors {color: #900028; margin: 1em auto; font-size: 1.0em; font-weight: bold;}
p.flavors i {display: block; float: left;}
#product-discovery a {width: 55%; position: relative; z-index: 20;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

	/* 380px/16px = 22.5em */
	@media screen and (min-width: 22.5em) {
	p.flavors {width: 75%;}
	}

	/* 400px/16px = 25em */
	@media screen and (min-width: 25em) {
	p.flavors {width: 70%;}
	}

	/* 480px/16px = 30em */
	@media screen and (min-width: 30em) {
	p.flavors {width: 75%; font-size: 1.0em;}
	#find-flavors a {font-size: .9em;}
	}

	/* 560px/16px = 35em */
	@media screen and (min-width: 35em) {
	#product-discovery a {font-size: 1.0em;}
	}

	/* 620px/16px = 38.75em */
	@media screen and (min-width: 38.75em) {
	p.flavors {width: 65%;}
	}

	/* 680px/16px = 42.5em */
	@media screen and (min-width: 42.5em) {
	p.flavors {width: 80%;}
	#product-discovery a {font-size: .9em;}
	}

	/* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	p.flavors {width: 75%; font-size: 1.125em;}
	#product-discovery a {width: 45%;}
	}

	/* 1110px/16px = 68.75em */
	@media screen and (min-width: 68.75em) {
	#product-discovery a {width: 55%; font-size: 1.0em;}
	}

/* -----------------------                    ------------------------ */


/* ---- LIMITED EDITION FLAVORS ------------------------ */
#limited-edition {background-color:#f9dc94;}
#limited-edition img {width: 100%; height: auto; position: absolute; bottom: 0; left: 0; z-index: 10;}
p.limited-edition {color: #900028; margin: 1em auto; font-size: 1.0em; font-weight: bold;}
p.limited-edition i {display: block; float: left;}
#limited-edition a {width: 55%; position: relative; z-index: 20;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

	/* 380px/16px = 22.5em */
	@media screen and (min-width: 22.5em) {
	p.limited-edition {width: 75%;}
	}

	/* 400px/16px = 25em */
	@media screen and (min-width: 25em) {
	p.limited-edition {width: 70%;}
	}

	/* 480px/16px = 30em */
	@media screen and (min-width: 30em) {
	p.limited-edition {width: 75%; font-size: 1.0em;}
	#limited-edition a {font-size: .9em;}
	}

	/* 560px/16px = 35em */
	@media screen and (min-width: 35em) {
	#limited-edition a {font-size: 1.0em;}
	}

	/* 620px/16px = 38.75em */
	@media screen and (min-width: 38.75em) {
	p.limited-edition {width: 65%;}
	}

	/* 680px/16px = 42.5em */
	@media screen and (min-width: 42.5em) {
	p.limited-edition {width: 80%;}
	#limited-edition a {font-size: .9em;}
	}

	/* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	p.limited-edition {width: 85%; font-size: 1.125em;}
	#limited-edition a {width: 45%;}
	}

	/* 1110px/16px = 68.75em */
	@media screen and (min-width: 68.75em) {
	#limited-edition a {width: 65%; font-size: 1.0em;}
	}

/* -----------------------                    ------------------------ */


	
/* ---- GREEN INITIATIVES ------------------------ */
#green-initiatives {background: rgba(255,255,255,.8);}
#green-initiatives img {max-width: 100%;}
#green-initiatives .push-inset {margin: 0;}
/* -----------------------   end GREEN INITIATIVES             ------------------------ */
	


/* ---- Haymakers-Thirst-Quenching ------------------------ */
#haymakers {padding-top: 0; height: 358px; background: url('/images/pushes/haymakers_thirst-quenching.jpg') no-repeat center top #ddc196;}
#haymakers p.push-head {color: #900028; font-size: 1.25em; text-align: center;}
#haymakers .button {padding: .75em 1em; margin-top: 14em;}
#haymakers a  {font-size: 1.0em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

		/* 340px/16px = 22.5em */
	@media screen and (min-width: 22.5em) {
	#haymakers p.push-head {font-size: 1.25em;}
	#haymakers .button {padding: .75em 1.5em;}
	}

	/* 400px/16px = 25em */
	@media screen and (min-width: 25em) {
	#haymakers p.push-head {font-size: 1.25em;}
	#haymakers .button {padding: .75em 1.5em;}
	}

	/* 450px/16px = 28.125em */
	@media screen and (min-width: 28.125em) {
	#haymakers p.push-head {font-size: 1.125em;}
	#haymakers .button {padding: .75em 1.5em;}
	}

	/* 480px/16px = 30em */
	@media screen and (min-width: 30em) {
	#haymakers p.push-head {font-size: 1.125em;}
	#haymakers .button {padding: .75em 1.5em;}
	}

	/* 520px/16px = 32.5em */
	@media screen and (min-width: 32.5em) {
	#haymakers p.push-head {font-size: 1.125em;}
	#haymakers .button {padding: .75em 1.5em;}
	}

	/* 560px/16px = 35em */
	@media screen and (min-width: 35em) {
	#haymakers p.push-head {font-size: 1.125em;}
	#haymakers .button {padding: .75em 1.5em;}
	}

	/* 650px/16px = 40.625em */
	@media screen and (min-width: 40.625em) {
	#haymakers p.push-head {font-size: 1.125em;}
	#haymakers .button {padding: .75em 1.5em;}
	}

	/* 680px/16px = 42.5em */
	@media screen and (min-width: 42.5em) {
	#haymakers p.push-head {font-size: 1.125em;}
	#haymakers .button {padding: .75em 1.5em;}
	}

	/* 750px/16px = 46.875em */
	@media screen and (min-width: 46.875em) {
	#haymakers p.push-head {font-size: 1.125em;}
	#haymakers .button {padding: .75em 1.5em; width: 70%;}
	}
	
	
	/* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	#haymakers p.push-head {font-size: 1.125em;}
	#haymakers .button {padding: .75em 1.5em;}
	}

	/* 1000px/16px = 62.5em */
	@media screen and (min-width: 62.5em) {
	#haymakers p.push-head {font-size: 1.25em;}
	}

/* -----------------------                    ------------------------ */


/* ---- Facebook ------------------------ */
#facebook {background-color: #3b579d;}
#facebook-logo {position: relative; display: block; width: 100%; height: 100px; margin: 1.25em auto 0 auto; background: url('/images/pushes/facebook-logo_100.png') no-repeat right 0;}
#facebook #facebook-logo p {width: 60%; padding-top: 1em; color: white; font-weight: bold;}
#facebook a {width: 75%; position: relative; z-index: 20; margin-top: .850em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

	/* 340px/16px = 22.5em */
	@media screen and (min-width: 22.5em) {
	#facebook #facebook-logo p {font-size: 1.125em;}
	}

	/* 400px/16px = 25em */
	@media screen and (min-width: 25em) {
	#facebook-logo {width: 98%;}
	#facebook #facebook-logo p {width: 60%;}
	}

	/* 450px/16px = 28.125em */
	@media screen and (min-width: 28.125em) {
	#facebook-logo {width: 80%;}
	#facebook #facebook-logo p {width: 60%;}
	}

	/* 480px/16px = 30em */
	@media screen and (min-width: 30em) {
	#facebook-logo {width: 98%;}
	#facebook #facebook-logo p {width: 40%; padding-top: .25em; font-size: .925em;}
	#facebook a {font-size: .9em; width: 50%}
	}

	/* 520px/16px = 32.5em */
	@media screen and (min-width: 32.5em) {
	#facebook-logo {width: 98%;}
	#facebook #facebook-logo p {width: 40%; font-size: .975em;}
	}

	/* 560px/16px = 35em */
	@media screen and (min-width: 35em) {
	#facebook-logo {width: 98%;}
	#facebook #facebook-logo p {width: 40%;}
	#facebook a {font-size: 1.0em; width: 75%}
	}

	/* 650px/16px = 40.625em */
	@media screen and (min-width: 40.625em) {
	#facebook-logo {width: 90%;}
	#facebook #facebook-logo p {width: 50%; padding-top: 1em;}
	}

	/* 680px/16px = 42.5em */
	@media screen and (min-width: 42.5em) {
	#facebook-logo {width: 98%;}
	#facebook #facebook-logo p {width: 45%; font-size: .95em; padding-top: .75em;}
	#facebook a {font-size: 1.0em; width: 50%}
	}

	/* 750px/16px = 46.875em */
	@media screen and (min-width: 46.875em) {
	#facebook-bottles {width: 98%;}
	#facebook #facebook-logo p {width: 40%; font-size: 1.0em;}
	#facebook a {width: 50%}	
	}

	/* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	#facebook-logo {width: 95%;}
	#facebook #facebook-logo p {width: 45%; font-size: 1.0em;}
	#facebook a {width: 50%}	
	}

	/* 830px/16px = 51.875em */
	@media screen and (min-width: 51.875em) {
	#facebook-logo {width: 95%;}
	#facebook #facebook-logo p {width: 45%; padding-top: .25em; font-size: 1.25em;}
	#facebook a {width: 60%}	
	}

/* -----------------------                    ------------------------ */



/* ---- Giant Cow Schedule ------------------------ */
#cow-schedule {padding-top: 290px; background: url('/images/pushes/turkey-hill-giant-cow.jpg') no-repeat center top #a57f70;}
#cow-schedule p.push-head {color: #fff; font-size: 1.0em; text-align: center;}
#cow-schedule .button {padding: .75em 1em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

	/* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	#cow-schedule p.push-head {font-size: 1.125em;}
	#cow-schedule .button {padding: .75em 1.5em;}
	}

	/* 1000px/16px = 62.5em */
	@media screen and (min-width: 62.5em) {
	#cow-schedule p.push-head {font-size: 1.25em;}
	}

/* -----------------------                    ------------------------ */


/* ---- Gelato Swirls Schedule ------------------------ */
#gelato-swirls {padding-top: 290px; background: url('/images/pushes/gelato-swirls_brownie-fudge.jpg') no-repeat center top #391b09;}
#gelato-swirls p.push-head {color: #fff; font-size: 1.0em; text-align: center;}
#gelato-swirls .button {padding: .75em 1em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

	/* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	#gelato-swirls p.push-head {font-size: 1.125em;}
	#gelato-swirls .button {padding: .75em 1.5em;}
	}

	/* 1000px/16px = 62.5em */
	@media screen and (min-width: 62.5em) {
	#gelato-swirls p.push-head {font-size: 1.25em;}
	}

/* -----------------------                    ------------------------ */


/* ---- MEDIA CONTACTS ------------------------ */
/* OLD #media-contacts {background-color:#8bb99f; color: #fff;}
#media-contacts a {color: #900028; text-decoration: underline;  font-size: .8em;}
#media-contacts a:hover {color: #000000; text-decoration: none;} */
#media-contacts {background-color:#e8f2f3; color: #4b1608;}
#media-contacts a {color: #900028; text-decoration: underline;  font-size: .8em;}
#media-contacts a:hover {color: #000000; text-decoration: none;}
/* -----------------------                    ------------------------ */


/* ---- PRESERVE A FARM ------------------------ */

#preserve-a-farm {padding-top: 0; height: 100%; background: url('/images/pushes/preserve-a-farm.png') no-repeat center top #fdf5e0;}
#preserve-a-farm p.push-head {color: #900028; font-size: 1.25em; text-align: center; margin-top: 8em;}
#preserve-a-farm .button {padding: .75em 1em; margin-top: .75em;}
#preserve-a-farm a  {font-size: 1.0em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

		/* 340px/16px = 22.5em */
	@media screen and (min-width: 22.5em) {
	#preserve-a-farm p.push-head {font-size: 1.25em;}
	#preserve-a-farm .button {padding: .75em 1.5em;}
	}

	/* 400px/16px = 25em */
	@media screen and (min-width: 25em) {
	#preserve-a-farm p.push-head {font-size: 1.25em;}
	#preserve-a-farm .button {padding: .75em 1.5em;}
	}

	/* 450px/16px = 28.125em */
	@media screen and (min-width: 28.125em) {
	#preserve-a-farm p.push-head {font-size: 1.125em;}
	#preserve-a-farm .button {padding: .75em 1.5em;}
	}

	/* 480px/16px = 30em */
	@media screen and (min-width: 30em) {
	#preserve-a-farm p.push-head {font-size: 1.125em;}
	#preserve-a-farm .button {padding: .75em 1.5em;}
	}

	/* 520px/16px = 32.5em */
	@media screen and (min-width: 32.5em) {
	#preserve-a-farm p.push-head {font-size: 1.125em;}
	#preserve-a-farm .button {padding: .75em 1.5em;}
	}

	/* 560px/16px = 35em */
	@media screen and (min-width: 35em) {
	#preserve-a-farm p.push-head {font-size: 1.125em;}
	#preserve-a-farm .button {padding: .75em 1.5em;}
	}

	/* 650px/16px = 40.625em */
	@media screen and (min-width: 40.625em) {
	#preserve-a-farm p.push-head {font-size: 1.125em;}
	#preserve-a-farm .button {padding: .75em 1.5em;}
	}

	/* 680px/16px = 42.5em */
	@media screen and (min-width: 42.5em) {
	#preserve-a-farm p.push-head {font-size: 1.125em;}
	#preserve-a-farm .button {padding: .75em 1.5em;}
	}

	/* 750px/16px = 46.875em */
	@media screen and (min-width: 46.875em) {
	#preserve-a-farm p.push-head {font-size: 1.125em;}
	#preserve-a-farm .button {padding: .75em 1.5em; width: 70%;}
	}
	
	
	/* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	#preserve-a-farm p.push-head {font-size: 1.125em;}
	#preserve-a-farm .button {padding: .75em 1.5em;}
	}

	/* 1000px/16px = 62.5em */
	@media screen and (min-width: 62.5em) {
	#preserve-a-farm p.push-head {font-size: 1.25em;}
	}
	
/* -----------------------                    ------------------------ */

/* ---- TURKEY HILL NATION ------------------------ */

#turkey-hill-nation {background: rgba(255,255,255,.8);}
#turkey-hill-nation img {max-width: 100%;}
#turkey-hill-nation .push-inset {margin: 0;}

/* -----------------------    end Nation                ------------------------ */	

/* ---- HOW MANY INGREDIENTS ANIC ------------------------ */

#how-many-ingredients {padding-top: 0; height: 100%; background: url('/images/pushes/how-many-ingredients.jpg') no-repeat center top #ffffff;}
#how-many-ingredients p.push-head {color: #900028; font-size: 1.25em; text-align: center; margin-top: 8em;}
#how-many-ingredients .button {padding: .75em .75em; margin-top: 17em;}
#how-many-ingredients a  {font-size: 1.0em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

		/* 340px/16px = 22.5em */
	@media screen and (min-width: 22.5em) {
	#how-many-ingredients p.push-head {font-size: 1.25em;}
	#how-many-ingredients .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 400px/16px = 25em */
	@media screen and (min-width: 25em) {
	#how-many-ingredients p.push-head {font-size: 1.25em;}
	#how-many-ingredients .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 450px/16px = 28.125em */
	@media screen and (min-width: 28.125em) {
	#how-many-ingredients p.push-head {font-size: 1.125em;}
	#how-many-ingredients .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 480px/16px = 30em */
	@media screen and (min-width: 30em) {
	#how-many-ingredients p.push-head {font-size: 1.125em;}
	#how-many-ingredients .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 520px/16px = 32.5em */
	@media screen and (min-width: 32.5em) {
	#how-many-ingredients p.push-head {font-size: 1.125em;}
	#how-many-ingredients .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 560px/16px = 35em */
	@media screen and (min-width: 35em) {
	#how-many-ingredients p.push-head {font-size: 1.125em;}
	#how-many-ingredients .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 650px/16px = 40.625em */
	@media screen and (min-width: 40.625em) {
	#how-many-ingredients p.push-head {font-size: 1.125em;}
	#how-many-ingredients .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 680px/16px = 42.5em */
	@media screen and (min-width: 42.5em) {
	#how-many-ingredients p.push-head {font-size: 1.125em;}
	#how-many-ingredients .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 750px/16px = 46.875em */
	@media screen and (min-width: 46.875em) {
	#how-many-ingredients p.push-head {font-size: 1.125em;}
	#how-many-ingredients .button {padding: .75em 1.5em; width: 70%; margin-top: 17em;}
	}
	
	
	/* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	#how-many-ingredients p.push-head {font-size: 1.125em;}
	#how-many-ingredients .button {.75em .75em; margin-top: 17em;}
	}

	/* 1000px/16px = 62.5em */
	@media screen and (min-width: 62.5em) {
	#how-many-ingredients p.push-head {font-size: 1.25em; margin-top: 17em;}
	}
/* -----------------------                    ------------------------ */	


/* ---- Decadent Delights Bars Landing Page ------------------------ */

#decadent-delights-bars {background-color:#181818;}
#decadent-delights-bars img {width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
#decadent-delights-bars h2.decadent-delights-bars {color: #ffffff; margin: 0em auto 0em; font-size: 1.1em; font-weight: bold; text-align: center;}
#decadent-delights-bars p.decadent-delights-bars {color: #ffffff; margin: 0.5em auto 1em; font-size: 1.8em; font-weight: bold; text-align: center;}
#decadent-delights-bars a {width: 50%; position: relative; z-index: 20; border:1px solid #fff; background-color: rgba(255,255,255,0.70); color:#000;}
#decadent-delights-bars a:hover {background:#000; color:#fff;}
#decadent-delights-bars a.button {padding: .65em 1em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

    /* 320px/16px = 20em */
	@media screen and (min-width: 20em) {
	#decadent-delights-bars a {width: 50%; font-size: 0.95em;}
    p.decadent-delights-bars {width: 90%; padding-bottom: 2.0em;}
	}
    
    
	/* 380px/16px = 22.5em */
	@media screen and (min-width: 22.5em) {
	#decadent-delights-bars a {width: 50%; font-size: 0.95em;}
    p.decadent-delights-bars {width: 90%; padding-bottom: 2.25em;}
	}

	/* 400px/16px = 25em */
	@media screen and (min-width: 25em) {
	#decadent-delights-bars a {width: 50%; font-size: 0.95em;}
	p.decadent-delights-bars {width: 90%; padding-bottom: 3.0em;}
	}

	/* 470px/16px = 29.375em */
	@media screen and (min-width: 29.375em) {
	#decadent-delights-bars a {width: 70%; font-size: .9em;}
	p.decadent-delights-bars {width: 95%; padding-bottom: 3.5em;}
	}
    
    /* 480px/16px = 30em */
	@media screen and (min-width: 30em) {
	#decadent-delights-bars a {width: 70%; font-size: .9em;}
	p.decadent-delights-bars {width: 95%; padding-bottom: 1.5em;}
	}

	/* 490px/16px = 30.625em */
	@media screen and (min-width: 30em) {
	#decadent-delights-bars a {width: 70%; font-size: .9em;}
	p.decadent-delights-bars {width: 95%; padding-bottom: 1.0em;}
	}
    
    	/* 560px/16px = 35em */
	@media screen and (min-width: 35em) {
	#decadent-delights-bars a {width: 60%; font-size: 1.0em;}
	p.decadent-delights-bars {width: 95%; padding-bottom: 1.0em;}
	}

	/* 620px/16px = 38.75em */
	@media screen and (min-width: 38.75em) {
	#decadent-delights-bars a {width: 60%; font-size: 1.0em;}
    p.decadent-delights-bars {width: 95%; padding-bottom: 1.50em;}
	}

	/* 680px/16px = 42.5em */
	@media screen and (min-width: 42.5em) {
	#decadent-delights-bars a {width: 55%; font-size: .9em;}
    p.decadent-delights-bars {width: 95%; padding-bottom: 1.5em;}
	}
    
    /* 700px/16px = 43.750em */
	@media screen and (min-width: 43.750em) {
	#decadent-delights-bars a {width: 65%; font-size: .9em;}
    p.decadent-delights-bars {width: 95%; padding-bottom: 2.0em;}
	}

    /* 715px/16px = 44.688em */
	@media screen and (min-width: 44.688em) {
	#decadent-delights-bars a {width: 65%; font-size: .9em;}
    p.decadent-delights-bars {width: 90%; padding-bottom: 1.5em;}
	}
    
    /* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	#decadent-delights-bars a {width: 65%; font-size: 0.95em;}
    p.decadent-delights-bars {width: 90%; font-size: 1.125em; padding-bottom: 1.0em;}
	}

	/* 925px/16px = 57.813em */
	@media screen and (min-width: 57.813em) {
	#decadent-delights-bars a {width: 55%; font-size: 0.95em;}
    p.decadent-delights-bars {width: 95%; padding-bottom: 1.25em;}
	}   
    
    /* 940px/16px = 58.75em */
	@media screen and (min-width: 58.75em) {
	#decadent-delights-bars a {width: 60%; font-size: 0.95em;}
    p.decadent-delights-bars {width: 95%; padding-bottom: 1.75em;}
	}    
    
	/* 1110px/16px = 68.75em */
	@media screen and (min-width: 68.75em) {
	#decadent-delights-bars a {width: 65%; font-size: 0.95em;}
    p.decadent-delights-bars {width: 95%; padding-bottom: 1.75em;}
	}
    
	/* 1200px/16px = 75em */
	@media screen and (min-width: 75em) {
	#decadent-delights-bars a {width: 55%; font-size: 0.95em;}
    p.decadent-delights-bars {width: 95%; padding-bottom: 1.75em;}
	}
    
/* -----------------------                    ------------------------ */	

/* ---- Decadent Delights Parfaits Landing Page ------------------------ */

#decadent-delights-parfaits {background-color:#181818;}
#decadent-delights-parfaits img {width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
#decadent-delights-parfaits h2.decadent-delights-parfaits {color: #ffffff; margin: 0em auto 0em; font-size: 1.1em; font-weight: bold; text-align: center;}
#decadent-delights-parfaits p.decadent-delights-parfaits {color: #ffffff; margin: 0.5em auto 1em; font-size: 1.6em; font-weight: bold; text-align: center;}
#decadent-delights-parfaits a {width: 50%; position: relative; z-index: 20; border:1px solid #fff; background-color: rgba(255,255,255,0.70); color:#000;}
#decadent-delights-parfaits a:hover {background:#000; color:#fff;}
#decadent-delights-parfaits a.button {padding: .65em 1em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

    /* 320px/16px = 20em */
	@media screen and (min-width: 20em) {
	#decadent-delights-parfaits a {width: 50%; font-size: 0.95em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 5.85em;}
	}
    
	/* 350px/16px = 21.875em */
	@media screen and (min-width: 21.875em) {
	#decadent-delights-parfaits a {width: 50%; font-size: 0.95em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 7.15em;}
	}

	/* 400px/16px = 25em */
	@media screen and (min-width: 25em) {
	#decadent-delights-parfaits a {width: 50%; font-size: 0.95em;}
	p.decadent-delights-parfaits {width: 95%; padding-bottom: 8.5em;}
	}

	/* 450px/16px = 28.125em */
	@media screen and (min-width: 28.125em) {
	#decadent-delights-parfaits a {width: 50%; font-size: 0.95em;}
	p.decadent-delights-parfaits {width: 95%; padding-bottom: 9.75em;}
	}    
    
	/* 480px/16px = 30em */
	@media screen and (min-width: 30em) {
	#decadent-delights-parfaits a {width: 70%; font-size: .9em;}
	p.decadent-delights-parfaits {width: 95%; padding-bottom: 3.5em;}
	}

	/* 520px/16px = 32.500em */
	@media screen and (min-width: 32.500em) {
	#decadent-delights-parfaits a {width: 70%; font-size: .9em;}
	p.decadent-delights-parfaits {width: 95%; padding-bottom: 4em;}
	}
        
	/* 550px/16px = 34.375em */
	@media screen and (min-width: 34.375em) {
	#decadent-delights-parfaits a {width: 60%; font-size: 1.0em;}
	p.decadent-delights-parfaits {width: 95%; padding-bottom: 4em;}
	}

	/* 580px/16px = 36.250em */
	@media screen and (min-width: 36.250em) {
	#decadent-delights-parfaits a {width: 60%; font-size: 1.0em;}
	p.decadent-delights-parfaits {width: 95%; padding-bottom: 5.25em;}
	}
    
    /* 610px/16px = 38.125em */
	@media screen and (min-width: 38.125em) {
	#decadent-delights-parfaits a {width: 60%; font-size: 1.0em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 5em;}
	}

	/* 660px/16px = 41.250em */
	@media screen and (min-width: 41.250em) {
	#decadent-delights-parfaits a {width: 55%; font-size: .9em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 6em;}
	}
    
    /* 700px/16px = 43.750em */
	@media screen and (min-width: 43.750em) {
	#decadent-delights-parfaits a {width: 65%; font-size: .9em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 3.25em;}
	}

    /* 730px/16px = 45.625em */
	@media screen and (min-width: 45.625em) {
	#decadent-delights-parfaits a {width: 65%; font-size: .9em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 3.5em;}
	}    

    /* 760px/16px = 47.5em */
	@media screen and (min-width: 47.5em) {
	#decadent-delights-parfaits a {width: 65%; font-size: .9em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 3.75em;}
	}    
    
	/* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	#decadent-delights-parfaits a {width: 65%; font-size: 0.95em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 4.25em;}
	}

	/* 850px/16px = 53.125em */
	@media screen and (min-width: 53.125em) {
	#decadent-delights-parfaits a {width: 65%; font-size: 0.95em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 5em;}
	}
    
    /* 925px/16px = 57.813em */
	@media screen and (min-width: 57.813em) {
	#decadent-delights-parfaits a {width: 55%; font-size: 0.95em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 5em;}
	}   
    
    /* 940px/16px = 58.75em */
	@media screen and (min-width: 58.75em) {
	#decadent-delights-parfaits a {width: 60%; font-size: 0.95em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 6em;}
	}    
 
    /* 980px/16px = 61.250em */
	@media screen and (min-width: 61.250em) {
	#decadent-delights-parfaits a {width: 60%; font-size: 0.95em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 5em;}
	}    

    /* 1050px/16px = 65.625em */
	@media screen and (min-width: 65.625em) {
	#decadent-delights-parfaits a {width: 60%; font-size: 0.95em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 5em;}
	}    
        
	/* 1100px/16px = 68.750em */
	@media screen and (min-width: 68.750em) {
	#decadent-delights-parfaits a {width: 65%; font-size: 0.95em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 5.75em;}
	}
    
	/* 1200px/16px = 75em */
	@media screen and (min-width: 75em) {
	#decadent-delights-parfaits a {width: 55%; font-size: 0.95em;}
    p.decadent-delights-parfaits {width: 95%; padding-bottom: 5.75em;}
	}    
/* -----------------------                    ------------------------ */

/* ---- Trio'politan ------------------------ */

#triopolitan {background-color:#fffdf8;}
#triopolitan img {width: 100%; height: auto; position: absolute; bottom: 0; left: 0;}
#triopolitan h2.triopolitan {color: #8b2131; margin: 0em auto 0em; font-size: 1.8em; font-weight: bold; text-align: center;}
#triopolitan p.triopolitan {color: #8b2131; margin: 0.5em auto 1em; font-size: 1.0em; font-weight: bold; text-align: center;}
#triopolitan a {width: 50%; position: relative; z-index: 20; border:1px solid #fff; background-color: #fff; color:#000;}
#triopolitan a:hover {background:#8b2131; color:#fff;}
#triopolitan a.button {padding: .65em 1em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

    /* 320px/16px = 20em */
	@media screen and (min-width: 20em) {
	#triopolitan a {width: 50%; font-size: 0.95em;}
    p.triopolitan {width: 90%; padding-bottom: 8.5em;}
	}
    
    
	/* 380px/16px = 22.5em */
	@media screen and (min-width: 22.5em) {
	#triopolitan a {width: 50%; font-size: 0.95em;}
    p.triopolitan {width: 90%; padding-bottom: 9.85em;}
	}

	/* 400px/16px = 25em */
	@media screen and (min-width: 25em) {
	#triopolitan a {width: 50%; font-size: 0.95em;}
	p.triopolitan {width: 90%; padding-bottom: 12.25em;}
	}

	/* 480px/16px = 30em */
	@media screen and (min-width: 30em) {
	#triopolitan a {width: 70%; font-size: .9em;}
	p.triopolitan {width: 95%; font-size: 1.0em; padding-bottom: 5.50em;}
	}

	/* 560px/16px = 35em */
	@media screen and (min-width: 35em) {
	#triopolitan a {width: 60%; font-size: 1.0em;}
	p.triopolitan {width: 90%; font-size: 1.0em; padding-bottom: 6.50em;}
	}

	/* 620px/16px = 38.75em */
	@media screen and (min-width: 38.75em) {
	#triopolitan a {width: 60%; font-size: 1.0em;}
    p.triopolitan {width: 90%; padding-bottom: 7.50em;}
	}

	/* 680px/16px = 42.5em */
	@media screen and (min-width: 42.5em) {
	#triopolitan a {width: 55%; font-size: .9em;}
    p.triopolitan {width: 90%; font-size: 1.0em; padding-bottom: 8.0em;}
	}
    
    /* 700px/16px = 43.750em */
	@media screen and (min-width: 43.750em) {
	#triopolitan a {width: 65%; font-size: .9em;}
    p.triopolitan {width: 90%; font-size: 1.0em; padding-bottom: 5.0em;}
	}

	/* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	#triopolitan a {width: 65%; font-size: 0.95em;}
    p.triopolitan {width: 90%; font-size: 1.125em; padding-bottom: 6.50em;}
	}

	/* 925px/16px = 57.813em */
	@media screen and (min-width: 57.813em) {
	#triopolitan a {width: 55%; font-size: 0.95em;}
    p.triopolitan {width: 90%; font-size: 1.125em; padding-bottom: 6.55em;}
	}   
    
    /* 940px/16px = 58.75em */
	@media screen and (min-width: 58.75em) {
	#triopolitan a {width: 60%; font-size: 0.95em;}
    p.triopolitan {width: 90%; font-size: 1.125em; padding-bottom: 7.25em;}
	}    
    
	/* 1110px/16px = 68.75em */
	@media screen and (min-width: 68.75em) {
	#triopolitan a {width: 65%; font-size: 0.95em;}
    p.triopolitan {width: 90%; padding-bottom: 7.25em;}
	}
    
	/* 1200px/16px = 75em */
	@media screen and (min-width: 75em) {
	#triopolitan a {width: 55%; font-size: 0.95em;}
    p.triopolitan {width: 90%; padding-bottom: 8em;}
	}
    
/* ----------------------- end Trio'politan  ------------------------ */	


/* ---- visit-experience ------------------------ */
#visit-experience {background: rgba(255,255,255,.8);}
#visit-experience img {max-width: 100%;}
#visit-experience .push-inset {margin: 0;}
/* ----------------------- end visit-experience  ------------------------ */	

/* ---- TRACE OF TEA ------------------------ */

#trace-of-tea {padding-top: 0; height: 100%; background: url('/images/pushes/trace-of-tea_bg.jpg') no-repeat center top #ffffff;}
#trace-of-tea p.push-head {color: #900028; font-size: 1.25em; text-align: center; margin-top: 8em;}
#trace-of-tea .button {padding: .75em .75em; margin-top: 17em;}
#trace-of-tea a  {font-size: 1.0em;}

	/* -----------------------  MEDIA QUERIES    ------------------------ */

		/* 340px/16px = 22.5em */
	@media screen and (min-width: 22.5em) {
	#trace-of-tea p.push-head {font-size: 1.25em;}
	#trace-of-tea .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 400px/16px = 25em */
	@media screen and (min-width: 25em) {
	#trace-of-tea p.push-head {font-size: 1.25em;}
	#trace-of-tea .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 450px/16px = 28.125em */
	@media screen and (min-width: 28.125em) {
	#trace-of-tea p.push-head {font-size: 1.125em;}
	#trace-of-tea .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 480px/16px = 30em */
	@media screen and (min-width: 30em) {
	#trace-of-tea p.push-head {font-size: 1.125em;}
	#trace-of-tea .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 520px/16px = 32.5em */
	@media screen and (min-width: 32.5em) {
	#trace-of-tea p.push-head {font-size: 1.125em;}
	#trace-of-tea .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 560px/16px = 35em */
	@media screen and (min-width: 35em) {
	#trace-of-tea p.push-head {font-size: 1.125em;}
	#trace-of-tea .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 650px/16px = 40.625em */
	@media screen and (min-width: 40.625em) {
	#trace-of-tea p.push-head {font-size: 1.125em;}
	#trace-of-tea .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 680px/16px = 42.5em */
	@media screen and (min-width: 42.5em) {
	#trace-of-tea p.push-head {font-size: 1.125em;}
	#trace-of-tea .button {padding: .75em 1.5em; margin-top: 17em;}
	}

	/* 750px/16px = 46.875em */
	@media screen and (min-width: 46.875em) {
	#trace-of-tea p.push-head {font-size: 1.125em;}
	#trace-of-tea .button {padding: .75em 1.5em; width: 70%; margin-top: 17em;}
	}
	
	
	/* 800px/16px = 50em */
	@media screen and (min-width: 50em) {
	#trace-of-tea p.push-head {font-size: 1.125em;}
	#trace-of-tea .button {padding:.75em .75em; margin-top: 17em;}
	}

	/* 1000px/16px = 62.5em */
	@media screen and (min-width: 62.5em) {
	#trace-of-tea p.push-head {font-size: 1.25em; margin-top: 17em;}
	}
/* -----------------------   end trace of tea                 ------------------------ */	


/* ---- NOVELTIES THREE TREATS ------------------------ */
#novelties-three-treats, #simply-natural-ice-cream, #new-look-ice-cream {background: rgba(255,255,255,.8);}
#novelties-three-treats img, #simply-natural-ice-cream img, #new-look-ice-cream img {max-width: 100%;}
#novelties-three-treats .push-inset, #simply-natural-ice-cream .push-inset, #new-look-ice-cream .push-inset {margin: 0;}

/* Layered Sundaes */
#novelties-layered-sundaes {background: rgba(255,255,255,.8); -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0;}
#novelties-layered-sundaes img {max-width: 100%;}
#novelties-layered-sundaes .push-inset {margin: 0;}

/* Ice Cream Cookie Sandwiches */
#novelties-ice-cream-cookie-sandwiches {background: rgba(255,255,255,.8); -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0;}
#novelties-ice-cream-cookie-sandwiches img {max-width: 100%;}
#novelties-ice-cream-cookie-sandwiches .push-inset {margin: 0;}

/* Fruit Cream Bars */
#novelties-fruit-cream-bars {background: rgba(255,255,255,.8); -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0;}
#novelties-fruit-cream-bars img {max-width: 100%;}
#novelties-fruit-cream-bars .push-inset {margin: 0;}

/* Dipped Duos */
#dipped-duos {background: rgba(255,255,255,.8); -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0;}
#dipped-duos img {max-width: 100%;}
#dipped-duos .push-inset {margin: 0;}

/* Ice Cream Bars */
#novelties-ice-cream-bars {background: rgba(255,255,255,.8); -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0;}
#novelties-ice-cream-bars img {max-width: 100%;}
#novelties-ice-cream-bars .push-inset {margin: 0;}

/* ---- Social Media Stay Connected ------------------------ */
#social-media-stay-connected {background: rgba(255,255,255,.8);}
#social-media-stay-connected img {max-width: 100%;}
#social-media-stay-connected .push-inset {margin: 0;}
/* -----------------------   end Social Media Stay Connected             ------------------------ */