
/* CSS Document */
body{
	background-image: url("rise images/wood-.png");
	background-size:cover;
	background-attachment: fixed;
	
}


img{
	width:100%
}

p{
	font-family:"brevia";
	font-style: normal;
	font-weight:400;
	font-size: 20px;
	color:#452911;
}
div.row.header{
	/*background:url("rise images/header.png") no-repeat; 
	background-size:contain;*/
	background:#31a09c;
	border-top-left-radius: 0 0;
border-top-right-radius: 0 0;
border-bottom-right-radius: 20% 10%;
border-bottom-left-radius: 70% 50%;

}

div.row.header{
	z-index:100
}

div.header img{
	display:flex; 
	
}

div.row.header{
	position:fixed;
	top:0;
	padding-bottom:35px;
	
}


div.header  a{
	font-family:"sauna-new", sans-serif;
	font-style: normal;
	font-weight:700;
	font-size: 35px;
	display:block;
	margin-top:70px;
	color: #fcfae2;
	text-decoration: none;
	padding: 10px 20px;
	width: 100%;
	text-align:center;
}
	


div.header a:hover{
	background-color: #ce8c1a;border-radius: 50px; 
}

div.header div.logo a{
	margin-top:0;
}

div.header div.logo a:hover{
	
	background:none
}

/*end of header and nav*/

h1{
	font-family:"sauna-new", sans-serif;
	font-style: normal;
	font-weight:900;
	font-size: 100px;
	color:#452911;
	margin-top: 150px;
}

h1{
	word-spacing: 30px;
	line-height: 100px
}

h1.fast{
	font-family:"sauna-new", sans-serif;
	font-style: italic;
	font-weight:900;
	font-size: 200px;
	margin-top: 10px;
	margin-bottom: 130px;
}


div.row.cta  {
	background:url("rise images/bowl-of-just-granola.png") no-repeat bottom right;
	background-position: 90% 100%;
	background-size: 40%
}

div.center a{
	text-decoration: none;
}
div.cta{
	padding-top:150px;
	
}
div.center a.cta{
	font-family:"sauna-new", sans-serif;
	font-style: normal;
	font-weight:900;
	font-size: 50px;
	color: #fcfae2;
	background-color: #ce8c1a; padding: 20px 30px;border-radius: 55px;
	margin-bottom: 100px;
}

div.center a:hover{
	background-color: #faac3d; padding: 20px 30px;border-radius: 55px;
}

div.row.divider{
	margin-top: 100px;
	padding-bottom: 400px;
	background:url("rise images/smaller-wave_01.png") bottom;
	background-size:cover;
}


/*specialty item*/
h2{
font-family:"sauna-new", sans-serif;
	font-style: normal;
	font-weight:900;
	font-size: 80px;
	text-align: left;
	color:#452911;
}

div.row.specialty h3{
	font-family:"sauna-new", sans-serif;
	font-style: normal;
	font-weight:700;
	font-size: 40px;
	color:#452911;
}


div.row.menu h3{
	font-family:"sauna-new", sans-serif;
	font-style: normal;
	font-weight:700;
	font-size: 40px;
	color:#fcfae2;
	margin-top:20px;
	padding-bottom:10px;
	
}

div.row.menu h3.bowls{
	background:url("rise images/oatmeal-with-blueberries_03.png")bottom no-repeat;
	background-position: 50% 0%;
	background-size: 15%;
	margin-bottom:0;
}

div.row.menu h3.entrees{
	background:url("rise images/sandwich_03.png")bottom no-repeat;
	background-position: 50% 0%;
	background-size: 15%;
	margin-bottom:0;
}

div.row.menu h3.juices{
	background: url("rise images/green-smoothie_03.png")bottom no-repeat;
	background-position: 20% 0%;
	background-size: 8%;
	margin-bottom:0;
}

div.row.menu h4{
	font-family:"sauna-new", sans-serif;
	font-style: normal;
	font-weight:700;
	font-size: 30px;
	color:#452911;
	margin-bottom: 10px
}

div.row.menu p{
	margin-top: 10px;
	margin-bottom: 40px;
}

div.row.menu.items div.container.menu{
	background: #ce8c1a;
	border-radius:20px
}

div.container.menuitems{
	border-bottom: 4px solid #31a09c;
}

div.container.menuitems.last{
	border-bottom: none;
}

div.container.menuitems.last p{
	padding-bottom: 40px
}

div.row.menu.items div.container.menuitems h3{
	padding-top:20px;
}

/*end of menu*/

/*start of about*/





div.row.contact div.container.contact h2{
	margin-bottom: 20px
}

div.row.contact h4{
	font-family:"sauna-new", sans-serif;
	font-style: normal;
	font-weight:700;
	font-size: 30px;
	color:#452911;
	margin-bottom: 40px
}

div.row.contact div.container.contactform{
	margin-bottom: 40px
}

div.row.contact div.container.contactform a{
	text-decoration: none;
	font-family:"sauna-new", sans-serif;
	font-style: normal;
	font-weight:700;
	font-size: 30px;
	color: #fcfae2;
	background-color: #ce8c1a; padding: 10px 20px;border-radius: 55px;
	margin-bottom: 100px;
}

div.row.contact div.container.contactform a:hover{
	background-color: #faac3d; padding: 10px 20px;border-radius: 55px;

}

div.row.contact div.container.contactform input{
	border-radius:55px;
	border-color:#faac3d;
	margin-right:15px;
	margin-bottom:20px
	
}

div.row.contact div.container.contactform textarea{
	display:block;
	resize:none;
	width: 300px;
	height:100px;
	margin-bottom:10px;
	border-radius:20px;
	border-color:#faac3d;	
}


/*confirmation page*/
div.row.thanks{
	background: url("rise images/circles-combined.png")bottom no-repeat;
	background-size: 100%;
	background-position:100% 120%;
	padding-bottom: 80px
}

div.row.thanks h1{
	margin-top:230px;
	margin-bottom: 20px
}

div.row.thanks h3{
	justify-content:center;
	font-family:"sauna-new", sans-serif;
	font-style: normal;
	font-weight:700;
	font-size: 30px;
	color:#452911;
	margin-bottom: 20px;
	margin-top: 10px
}

div.row.thanks div.container.thx a{
	font-family:"sauna-new", sans-serif;
	font-style: normal;
	font-weight:900;
	font-size: 30px;
	color: #fcfae2;
	background-color: #ce8c1a; padding: 20px 30px;border-radius: 55px;
}

div.row.thanks div.container.thx a:hover{
	background-color: #faac3d; padding: 20px 30px;border-radius: 55px;
}

div.row.thx a{
	justify-content: center
}

@media only screen and (max-width: 500px) {
	p{
		font-size:15px
	}
	
	div.row.header a{
		margin-top: 10px;
		font-size: 15px;
		padding: 5px 10px
	}
	
	
	div.header a:hover{
		background-color: #ce8c1a;border-radius: 15px; 
	}
	
	div.row.cta a{
		font-size:25px
	}
	
	div.row.cta  {
		background:url("rise images/bowl-of-just-granola.png") no-repeat bottom right;
		background-position: 100% 100%;
		background-size: 40%
	}

	
	h1{
		font-family:"sauna-new", sans-serif;
		font-style: normal;
		font-weight:900;
		font-size: 80px;
		color:#452911;
		margin-top: 50px;
	}

	h1{
		word-spacing: 30px;
		line-height: 70px
	}

	h1.fast{
		font-family:"sauna-new", sans-serif;
		font-style: italic;
		font-weight:900;
		font-size: 120px;
		margin-top: 10px;
		margin-bottom: 130px;
	}
	
	div.row.cta {
		margin-top:50px;
	}
	
	div.row.cta a{
		font-size:40px;
		padding: 10px 15px;border-radius: 45px;
	}
	
	h2{
		font-size:60px 
	}
	
	h2{
		line-height:50px
	}
	
	div.row.menu h3.bowls{
		background:url("rise images/oatmeal-with-blueberries_03.png")bottom no-repeat;
		background-position: 150% 0%;
		background-size: 15%;
		margin-bottom:0;
	}
	
	div.row.about div.container img{
		width: 50%;
		height:auto;
		float:right;
	}
	
	
	div.row.contact div.container.contactform a{
		font-size: 25px;
		padding: 5px 10px;
	}
	
	div.row.thanks h3{
		font-size:20px
	}
	
	div.row.thanks a{
		font-size:25px;
		padding: 10px 15px;border-radius: 45px;
	}
/*all responsive changes go above this comment*/	
}