<style type="text/css">

/* -- Styling for Critter Gifts -- */

body {
 background-color: #ffffff;
}

body, p, footer {
 font-family: tahoma, verdana, sans-serif;
  margin: 0;
  padding: 0; text-align:center;
  color: #033261;
}
.header {background-color:#ccc;}

h1 {text-align:center; }

a {
  color: #f7941d;
  text-decoration: none;
  outline: none;
}

 a:hover {
  color: #f7b565;
	text-decoration: underline;
}

 a.active {
  color: #F7941D;
}


h1, h2 {font-family: tahoma, verdana, sans-serif;font-weight:bold;}

p {
  font-size:1em;margin: 0 0 10px; color:#593624;text-align:left;
}


a {
  color: #F729A6;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.navcontainer {width:100%;position:fixed;top:0px;z-index:1000;background-color: #593624;}
.drip {background: url(http://ericasillycakes.com/images/chocolate-dripping.svg) no-repeat; -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;width:100%;margin-top:80px;max-width:100%;clear:both;display:block;height:50px;background-color:none;}

#topnav {display:inline;width:100%;}

#topnav img {height:31px;margin:-10px auto;}

#topnav ul {margin:0 auto; padding:0;display:inline;list-style:none;width:100%; font-family:'Century Gothic',sans-serif ; font-size:1em;}

#topnav a {font-family: 'Comfortaa', sans-serif;float:left;display:inline-block; list-style:none; width:auto; border: none; text-align:center; padding:3% 1%; color: #F0EADA; text-decoration: none; width:30%;background: #593624;}

	#topnav a:hover {background: #F729A6;}

#topnav ul li.first{margin-left:0;}

img {max-width:98%;padding:0px;margin:0px;}



.button {font-family: Comfortaa, sans-serif; font-size: 16px; color: #F0EADA; font-weight:bold; background-color: #F729A6;padding: 12px 50px;border:0px;text-decoration:none;}

.button:hover {background-color: #FF8C2B;text-decoration:none;}

#contactForm input.contact {font-family: 'Comfortaa', sans-serif; font-size: 1em; color: #593624; background-color: #F0EADA; border: 1px solid #F729A6; padding: 15px;width:100%;}

#contactForm textarea {resize:none;font-size:1em;}

.container {display:block;height:425px;margin-top:70px;background-color:#F0EADA;}

.bar { background-color:#F729A6;color:#fff;font-size:.8em;font-weight:bold;width:100%;padding:10px;}


h1 {
font-size: 2em;
  font-weight: bold;
 color:#f7941d;text-transform:lowercase;width:100%;line-height:.9em;}


h2 {font-size: 1.5em; font-weight:400; margin:3% 0 1% 0; color:#593624;}

.intro {background-color: #F0EADA;min-height:350px;text-align:left;}

ul.servings {list-style:none}
ul.servings li {padding:1% 0;}

span.subhead {font-family:'Comfortaa','Century Gothic',sans-serif;font-weight:bold;font-size:1.3em;line-height:1.5em;}

.banner1 {background: url(http://ericasillycakes.com/images/pinkpurpleflowers.jpg) no-repeat bottom; width:100%-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;display:block;min-height:50px;height:150px;background-color:#f7941d;}

.banner2 {background: url(http://ericasillycakes.com/images/redorangelayers_1110w.jpg) no-repeat center; width:100%-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;display:block;min-height:50px;height:150px;background-color:#FF8C2B;}

.banner3 {background: url(http://ericasillycakes.com/images/orangeyellowlayers_1110w.jpg) no-repeat center; width:100%-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;display:block;min-height:50px;height:150px;background-color:#FFD445;}

.banner4 {background: url(http://ericasillycakes.com/images/yellowgreenlayers_1110w.jpg) no-repeat center; width:100%-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;display:block;min-height:50px;height:150px;background-color:#FFD445;}

.banner5 {background: url(http://ericasillycakes.com/images/sprinkles2_2000w.jpg) no-repeat center; width:100%-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;display:block;min-height:50px;height:150px;background-color:#f7941d;}

.banner6 {background: url(http://ericasillycakes.com/images/candles_2000w.jpg) no-repeat center; width:100%-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;display:block;min-height:50px;height:150px;background-color:#FFD445;}

.banner7 {background: url(http://ericasillycakes.com/images/chocolate-frosting-banner.jpg) no-repeat center; width:100%-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;display:block;min-height:50px;height:150px;background-color:#FFD445;}

.col-2 {width:90%;float:left;clear:left;display:inline;padding:3%;text-align:center;color:#593624;}
}

.col-2 p {float:left;clear:left;text-aligh:left;}

.col-3, .col-logo {width:94%;display:inline;float:left;padding:3%;text-align:center;}
}

.col-3 img {display:block;margin:2% auto;}

.col-4 {width:30%;display:inline;float:left;padding:2%;text-align:center;}
}

.col-4 img {display:block;margin:2% auto;}


.dark {background-color:#033261; min-height:190px;padding:0 0 2% 0;overflow:auto; scrolling:none;zoom:1;color:#F0EADA;font-size:1.1em}
.light {background-color:#F0EADA; min-height:190px;padding:0 0 2% 0;overflow:auto; scrolling:none;zoom:1;color:#033261;font-size:1.1em}

.gallery {padding:0;margin:0;}
.gallery img {margin:0;display:inline;padding:0;width:50%;padding:0;margin:0;float:left;opacity:0.7;filter: alpha(opacity=70);}
.gallery a:hover img {opacity:1;filter: alpha(opacity=100);}

hr {width:30%;margin:2% auto; border: solid 0.5px #593624; 
}

.light img {margin:5px;max-width:33%;max-height:190px;display:inline-block;text-align:center;}

.dark h2 {color:#F0EADA;margin-top:3%;padding:1em 0;text-align:center;}
.dark p {color:#F0EADA;text-align:center;margin-bottom:10px;}

.bio {text-align:left;margin:5%;width:90%;}
.bio img {height:350px;margin:5%;display:block;}

.footer { background-color: #FFD445; color:#593624;clear:both;padding:5%;font-weight:bold;font-family:'Comfortaa',sans-serif;}

#copy {float:right; font: .5em;	padding:0px 20px; margin:0px; display:inline-block;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
   }
.clearfix:after {
  clear: both;
   }

.portfoliolink {background-color:#FF8C2B;color:#fff;font-weight:bold; padding:.2em;height:10em; width:2em;text-decoration:none;display:inline-block;margin:15px;float:right;}

.portfoliolink a:hover{ opacity:0.7;filter: alpha(opacity=70);}

.footer { background-color:#6699cc; background-size:cover;
	color: #ffffff; padding:2%; margin:0;
}

.copyright {text-align:center; font-weight:normal;font-family:tahoma,verdana, sans-serif;margin:0;}
.copyright a {color:#ffffff;}

/* MEDIUM LAYOUT */
@media screen and (min-width: 800px) {

.navcontainer {float:none;text-display:center;}
.drip {background: url(http://ericasillycakes.com/images/chocolate-dripping.svg) bottom ; width:100%;margin-top:74px;max-width:100%;clear:both;display:block;height:50px;background-color:none;}

	#topnav {display:inline;clear:left;}

#topnav img {height:auto;margin:0 auto;}

	#topnav ul {margin:0 auto; padding:0;display:inline;list-style:none;width:auto;background-color:#593624;text-align:center;line-height:41px;}

	#topnav ul li.first{margin-left:0%;}

	#topnav a {float:left; display:inline; list-style:none; font-size: 1em;font-family: 'Century Gothic',sans-serif; color: #fff; width:auto; border: none; text-align:center; padding:10px; text-decoration: none; background: #593624;}

.container {margin-top: 70px;
}


#contactForm input.contact {font-size:.9em;padding: 10px;width:75%;}

.bio {text-align:left;margin-left:15%;margin-right:15%;float:left;width:75% !important;}
.bio img {height:200px;margin:-5% 5% 5% 5%;float:left;}

	.col-4 {width:22%;display:inline;float:left;padding:2%;text-align:center;}

	.col-3 {width:27%;display:inline;float:left;padding:3%;text-align:center;}


	.col-logo {width:60%;display:inline;float:left;padding:3%;text-align:center;}


	.col-2 {min-width:30%;width:44%;float:left;display:inline;clear:none;padding:3%;text-align:center;}


	.col-2 img {float:left;display:inline;padding:3%;}

	.col-2 p {float:left;text-align:left;clear:left;}

.gallery img {width:25%;}
}


/* LARGE LAYOUT */
@media screen and (min-width: 1024px) {
}
</style>