﻿/* ------------------------- SPRING SEASON BACKGROUND PICTURE ------------------- */

#seasonpicture {
	background: url(../images/Spring.jpg) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* HOMEPAGE BOXES */
.home-topbox-frame-1 {
	max-width: 300px;
	height: auto;
	padding: 8px;
	/*background: -webkit-linear-gradient(top, rgba(238,233,231,0.4), rgba(58,73,4,0.4));*/ /*tulips*/
	background: -webkit-linear-gradient(top, rgba(245,242,247,0.4), rgba(206,185,204,0.4));
	background: -o-linear-gradient(top, rgba(245,242,247,0.4), rgba(206,185,204,0.4));
	background: -moz-linear-gradient(top, rgba(245,242,247,0.4), rgba(206,185,204,0.4));
	background: linear-gradient(to bottom, rgba(245,242,247,0.4), rgba(206,185,204,0.4));
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: top;
}

.home-topbox-frame-2-3 {
	max-width: 300px;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(232,215,240,0.4), rgba(206,185,204,0.4));
	background: -o-linear-gradient(top, rgba(232,215,240,0.4), rgba(206,185,204,0.4));
	background: -moz-linear-gradient(top, rgba(232,215,240,0.4), rgba(206,185,204,0.4));
	background: linear-gradient(to bottom, rgba(232,215,240,0.4), rgba(206,185,204,0.4));
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

.home-bottombox-frame-1 {
	max-width: 300px;
	height: auto;
	padding: 8px;
	/*background: -webkit-linear-gradient(top, rgba(58,73,4,0.4), rgba(150,136,102,0.4));*/ /*tulips*/
	background: -webkit-linear-gradient(top, rgba(232,215,240,0.4), rgba(155,107,170,0.4));
	background: -o-linear-gradient(top, rgba(232,215,240,0.4), rgba(155,107,170,0.4));
	background: -moz-linear-gradient(top, rgba(232,215,240,0.4), rgba(155,107,170,0.4));
	background: linear-gradient(to bottom, rgba(232,215,240,0.4), rgba(155,107,170,0.4));
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: top;
}

.home-bottombox-frame-2 {
	max-width: 200px;
	height: auto;
	padding: 8px;
	/*background: -webkit-linear-gradient(top, rgba(58,73,4,0.4), rgba(150,136,102,0.4));*/ /*tulips*/
	background: -webkit-linear-gradient(top, rgba(232,215,240,0.4), rgba(155,107,170,0.4));
	background: -o-linear-gradient(top, rgba(232,215,240,0.4), rgba(155,107,170,0.4));
	background: -moz-linear-gradient(top, rgba(232,215,240,0.4), rgba(155,107,170,0.4));
	background: linear-gradient(to bottom, rgba(232,215,240,0.4), rgba(155,107,170,0.4));
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

.home-bottombox-frame-2-3 {
	max-width: 400px;
	width: 100%;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: -o-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: -moz-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: linear-gradient(to bottom, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: -5px;
	vertical-align: top;
}

.home-bottombox-frame-2-3-splash {
	margin: auto;
	max-width: 920px;
	width: 100%;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: -o-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: -moz-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: linear-gradient(to bottom, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	display: inline-block;
	vertical-align: top;
}


@media screen and (max-width: 414px) {

.home-bottombox-frame-2-3 {
	max-width: 300px;
	width: 100%;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(104,74,47,0.4), rgba(120,150,94,0.4));
	background: -o-linear-gradient(top, rgba(104,74,47,0.4), rgba(120,150,94,0.4));
	background: -moz-linear-gradient(top, rgba(104,74,47,0.4), rgba(120,150,94,0.4));
	background: linear-gradient(to bottom, rgba(104,74,47,0.4), rgba(120,150,94,0.4));
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

.home-bottombox-frame-2-3-splash {
	margin: auto;
	max-width: 300px;
	width: 100%;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: -o-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: -moz-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: linear-gradient(to bottom, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	display: inline-block;
	vertical-align: top;
}

}

@media screen and (max-width: 736px) and (orientation: landscape) {

.home-bottombox-frame-2-3-splash {
	margin: auto;
	max-width: 600px;
	width: 100%;
	height: auto;
	padding: 8px;
	background: -webkit-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: -o-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: -moz-linear-gradient(top, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	background: linear-gradient(to bottom, rgba(206,185,204,0.4), rgba(155,107,170,0.4));
	display: inline-block;
	vertical-align: top;
}

}