@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700,800');


html, body {
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	color: #4d4d4e;
	font-weight: 300;
	background: url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1, h2 {
	color: #333333;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	color: #333333;
	font-weight: 700;
}

img {
	max-width: 100%;
	height: auto;
}
a:link {color: #c2d440; text-decoration: none; }
a:visited {color: #c2d440; text-decoration: none; }
a:hover {color: #333333; text-decoration: none; }
a:active {color: #c2d440; }




.flowerbottomright {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	float: right;
	bottom: 0;
	right: 0;
	position: fixed;
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}





.imageright {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:20px;
	float: right;
}


.imageleft {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:20px;
	padding-left:0px;
	float: left;
}



.logocenter {
	width: 380px;
	padding-top:20px;
	padding-bottom:30px;
	padding-right:0px;
	padding-left:0px;
	margin-left: auto;
    margin-right: auto;
}

.ordernowcenter {
	width: 380px;
	padding-top:20px;
	padding-bottom:30px;
	padding-right:0px;
	padding-left:0px;
	margin-left: auto;
    margin-right: auto;
}



.bodyleft {
	width: 200px;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:50px;
	padding-left:0px;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	color: #333333;
	text-align: center;
	line-height: 1.2em;
	float: left;
	
}

.smtext {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	color: #333333;
	text-align: left;
	line-height: 1.2em;
	
}



.bodyright {
	width: 850px;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	float: left;
	
}


.bodyright img {
	max-width: 100%;
	height: auto;opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}



.bodyright img:hover {
    opacity: .8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.tocenter {
	width: 1100px;
	margin-left: auto;
    margin-right: auto;
}





.textindent {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	
}








@media screen and (max-width:750px) {

    body {
    margin:0 0 0 0;
	overflow-x:hidden;
    }








.textindent {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:8px;
	padding-left:8px;
	
}







.flowerbottomright {
	display: none;
}






.logocenter {
	width: 100%;
	max-width: 380px;
	padding-top:20px;
	padding-bottom:30px;
	padding-right:0px;
	padding-left:0px;
	margin-left: auto;
    margin-right: auto;
}

.ordernowcenter {
	max-width: 380px;
	padding-top:20px;
	padding-bottom:30px;
	padding-right:0px;
	padding-left:0px;
	margin-left: auto;
    margin-right: auto;
}



.bodyleft {
	width: 100%;
	max-width: 200px;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:50px;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	color: #333333;
	text-align: center;
	line-height: 1.2em;
	margin-left: auto;
    margin-right: auto;
	
}



.bodyright {
	width: 100%;
	max-width: 850px;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	
}

.tocenter {
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
    margin-right: auto;
}