@import url(normalize.css);
* {
	box-sizing: border-box;
}
@font-face {
	font-family: "social";
	src: url(fonts/socialico.ttf);
}
@font-face {
	font-family:social_plus;
	src: url(fonts/socialico_plus.ttf);
}
body {
	background-position: absolute;
	padding: 0em;
	background:#CCC;
	color:#19223C;
	font-family: 'Yantramanav', sans-serif;
	background-image: url(images/background.jpg);
}
#header {
	background-color: none;
	color: #999;
	width:100%;
	text-align: right;
	padding: 1.5em;
}
#wrapper {
	width: 80%;
	overflow: auto;
	margin: 0 auto;
	background-color:#FFF;
	box-shadow: 0em 0em 0.5em #000;
}
h1 {
	font-family: 'Yantramanav', sans-serif;
	color: #C1455D;
	font-weight: bold;
	font-size: 4.5em;
	text-align:center;
	letter-spacing: 0.25em;
	margin: 0em;
}
h2 {
	font-family: 'Yantramanav', sans-serif;
	color: #C1455D;
	font-size: 1.5em;
	text-align:left;
	letter-spacing: 0.05em;
	margin: 0em;
}
h2.jump {
	padding-top: 1em;
	margin-top: -1em;
}
h3 {
	font-family: 'Yantramanav', sans-serif;
	text-align:center;
	font-size: 2.5em;
	color:#C1455D;
	letter-spacing: 0.15em;
	line-height: 1em;
	margin:0.75em;
	padding:0;
}
h4 {
	font-family: 'Yantramanav', sans-serif;
	font-size: 2em;
	color:#C1455D;
	letter-spacing: 0.15em;
	margin:0.75em;
	padding:0;
}
h5 {
	font-family: 'Yantramanav', sans-serif;
	font-size: 1.5em;
	color:#C1455D;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	margin:0.75em;
	padding:0;
}
h6 {
	font-family: 'Yantramanav', sans-serif;
	font-size: 1.25em;
	color:#C1455D;
	text-align: left;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	margin:0.75em;
	padding:0;
}
.specialty {
	line-height: -2em;
}

a {
	color: #C1455D;
}
a:link {
	text-decoration:none;
}
a:visited {
	color: #999;
}
a:hover {
	color:#C1455D;
}

/*navigation rules*/
#hamburger {
	display: none;
	font-size: 4em;
	text-align: left;
	padding: 0.15em 0.15em 0.15em 0.25em;
	background-color: #61C6C2;
}
#hamburger a {
	display: inline-block;
	text-align: right;
	color:#C1455D;
}
#hamburger a:hover {
	text-decoration: none;
	color: #F8F3D3;
}

#nav {
	position:relative;
	font-family: 'Yantramanav', sans-serif;
	font-size: 1.25em;
	background-color: none;
	width:100%;
	text-align:center;
	padding:0em;
	margin:0;
}
#nav li {
	list-style-type: none;
	display: inline-block;
	margin: 0 0.25em;
	color: #C1455D;
}	
#nav li.logo img {
	width: 90%;
	position: relative;
	top: 1.5em;
}
#nav li a {
	text-decoration: none;
	display: inline-block;
	padding: 0em 1em;
	margin: 0;
	color: #999
}
#nav li a:hover {
	text-decoration: none;
	color: #C1455D;
}
#nav li a.active {
	text-decoration: none;
	color: #C1455D;
}
#nav li.space {
	padding: 2em;
}	
ul {
	padding: 0.05em;
}
#nav ul {
	z-index: 3;
	margin-top: 1em;
	background-color: #D3D3D3;
	display: none;
	position: absolute; 
	top: 100%;
}
#nav ul li {
	display: block;
	padding:0.75em;
}
#nav li:hover > ul {
	display: block;
}

#nav ul li:after {
	position: absolute;
	left: 5%;
    top: -20px;
    width: 0;
    height: 0;
    content: '';
	border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 35px solid #D3D3D3;
}


#content {
	font-family: 'Yantramanav', sans-serif;
	background-color: #FFF;
	text-align:left;
	text-decoration: none;
	font-size:1.2em;
	width: 100%;
	padding: 1.5em;
	color:#999;
	display: inline-block;
	overflow: hidden;
}
#content_story {
	font-family: 'Yantramanav', sans-serif;
	background-color: #FFF;
	text-align:left;
	text-decoration: none;
	line-height: 1.4em;
	font-size:1.2em;
	width: 100%;
	padding: 1.5em;
	color:#999;
}
#content_thanks {
	font-family: 'Yantramanav', sans-serif;
	background-color: #FFF;
	text-align:center;
	text-decoration: none;
	line-height: 1.4em;
	font-size: 1.5em;
	width: 100%;
	padding: 1.5em;
	color:#999;
}
#content_pricing {
	font-family: 'Yantramanav', sans-serif;
	background-color: #FFF;
	text-align:left;
	text-decoration: none;
	line-height: 1.4em;
	font-size: 1em;
	width: 100%;
	padding: 1.5em;
	color:#999;
}
.grid {
	display:block;
	float:left;
	width:50%;
	padding: 1em;
	text-align:center;
	background-color: #FFF;
	filter:opacity(100%);
}
.grid:hover {
	position: static;
	background-image: none;	
	padding:1em;
	filter:opacity(20%);
	transition: 1s;
}
#image_banner {
	position: relative;
	text-align:center;
	bottom: 1em;
	margin: 0%;
	padding: -1em;
}
.banner {
	width:60%;
	padding: 1.5em;
}
#menu {
	font-family: 'Yantramanav', sans-serif;
	background-color: #FFF;
	text-align:left;
	text-decoration: none;
	font-size:1.2em;
	width: 100%;
	padding: 3em;
	color:#999;
}
.smi {
	font-family: "social";
	font-size: 2.5em;
	letter-spacing: 0.15em;
	color:#999;
}
.smi_plus {
	font-family:"social_plus";
	font-size: 2.5em;
	letter-spacing: 0.15em;
	color:#999;
}
.picture {
	position: relative;
	display: block;
	width: 100%;
}

cake {
	position:absolute;
	top:15vw;
	left: 13.5vw;
	width: 100%;
}
cake span {
	color: #000;
	font-family: 'Yantramanav', sans-serif;
	font-size: 4vw;
}
cupcake {
	position:absolute;
	top:15vw;
	left: 48vw;
	width: 100%;
}
cupcake span {
	color: #000;
	font-family: 'Yantramanav', sans-serif;
	font-size: 4vw;
}
pie {
	position:absolute;
	top:53vw;
	left: 15vw;
	width: 100%;
}
pie span {
	color: #000;
	font-family: 'Yantramanav', sans-serif;
	font-size: 4vw;
}
specials {
	position:absolute;
	top:53vw;
	left: 47vw;
	width: 100%;
}
specials span {
	color: #000;
	font-family: 'Yantramanav', sans-serif;
	font-size: 4vw;
}
.flexsider {

}
.slides {

}

p1 {
	line-height: -0.5em;
}

form {
	margin: 2em;
}

form ul {
	list-style-type: none;

}
label{
	display: inline-block;
}
textarea {
	height: 10em;
	width: 16.5em;
}

#form_flex {
	display:flex;
	text-align:left;
	text-decoration: none;
	width: 100%;
	padding: 0em;
}
#column1 {
	order: 1;
	width: 45%;	
	line-height: 1em;
	padding: 1.5em;	
	margin-left: 3em;
}
#column2 {
	order: 2;
	width: 55%;
	line-height: 0.5em;
	margin-top: 4em;
	margin-left: 5em;
}
#cake_flex {
	display: flex;
	text-align: left;
	text-decoration: none;
	width: 100%;
	padding: 0em;
}
#column_a {
	order: 1;
	width: 33%;	
	padding-left: 3em;
	margin-top: -2em;
}
#column_b {
	order: 2;
	width: 33%;	
	margin-left: 1em;	
}
#column_c {
	order: 3;
	width: 33%;	
	padding-left: 3em;
	margin-top: -2em;
}
#column_1 {
	order: 1;
	width: 50%;	
	line-height: 1em;
	margin-left: 2em;
	text-align: center;	
}
#column_2 {
	order: 2;
	width: 50%;	
	line-height: 1em;
	margin-right: 5em;
	padding-left: 2em;
	text-align: center;	
}
#column_4 {
	order: 1;
	width: 50%;	
	line-height: 1em;
	padding-left: 5em;
	text-align: left;
}
#column_5 {
	order: 2;
	width: 50%;	
	line-height: 1em;
	margin-right: 4em;
	text-align: right;	
}
.button {
	background-color: #C1455D;
	border: none;
	color: white;
	padding: 0.5em 0.5em;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	font-size: 1em;
	border-radius: 12px;
	margin-left: auto;
}
/*order butter*/
#button {
	text-align: center;
	font-family: 'Yantramanav', sans-serif;
	font-size: 1.25em;
}
.button_order {
	text-align: center;
	background-color: #C1455D;
	border: none;
	color: white;
	padding: 0.5em 0.5em;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;
	border-radius: 12px;
	margin-left: auto;
}
a.order {
	color: #C1455D;
}
a.order:link {
	text-decoration:none;
}
a.order:visited {
	color: #FFF;
}
a.order:hover {
	color:#FFF;
}


#baking_image {
	float:left;
	margin: -0.25em 1.5em 1em 1em;
}
#contact_image {
	margin:auto;
}

/*footer*/
#footer {
	background-color: #61C6C2;
	font-family: 'Yantramanav', sans-serif;
	font-size: 1em;
	color: #F8F3D3;
	width:100%;
	text-align: right;
	padding: 2em;
	display: inline-block;

}
#footer ul{
	text-decoration: none;
	list-style-type: none;
	line-height: 1.5em;
}
#footer a {
	color:#F8F3D3;
}
#footer a:hover {
	color: #C1455D;
}
#footer_flex {
	display: flex;
	text-align: left;
	text-decoration: none;
	color: #F8F3D3;
	width: 100%;
	padding: 0em;
}
#column_x {
	order: 1;
	width: 33%;	
	line-height: 1em;
	margin-left: 3em;
	margin-bottom: -2em;
	text-decoration: none;
	color: #F8F3D3;
}
#column_y {
	order: 2;
	width: 33%;	
	line-height: 1em;
	margin-left: 2em;
	margin-right: 2em;
	text-align: center;
	font-size: 1.2em;	
}
#column_z {
	order: 3;
	width: 33%;
	text-align: right;
	line-height: 1em;
	margin-top: 2em;
	margin-right: 3em;
}
@media (max-width: 781px) {
	#wrapper {
		width:100%;
		box-shadow: none;
	}
	body {
		background-image: none;
		background-color: #FFF;
	}
}
@media (min-width: 676px) {
	#nav {
		display: block;
	}
}
@media (max-width: 674px) {
	#hamburger {
		display: block;
	}
	#nav {
		display: none;
		position: static;	
	}
	#nav li {
		display: block;
		margin: 0;
		padding: 0;
	}
	#nav ul {
		display: block;
		position: static;
	}
	#nav ul li {
		display: none;
		position: static;
		margin: 0;
		padding: 0;
	}
	#nav li.logo {
		display: none;
	}
	#nav ul li:after {
		display: none;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	#wrapper {
		width:100%;
		box-shadow: none;
	}
	body {
		background-image: none;
		background-color: #FFF;
	}
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
	#wrapper {
		width:100%;
		box-shadow: none;
	}
	body {
		background-image: none;
		background-color: #FFF;
	}
	#hamburger {
		display: block;
	}
	#nav {
		display: none;
		position: static;	
	}
	#nav li {
		display: block;
		margin: 0;
		padding: 0;
	}
	#nav ul {
		display: block;
		position: static;
	}
	#nav ul li {
		display: block;
		position: static;
		margin: 0;
		padding: 0;
	}
	#nav li.logo {
		display: none;
	}
}