@charset "UTF-8";
body {
	height: 100%;
	width: 100%;
	margin: 0;
	/*
	background: #bdd24d;
	background: -webkit-linear-gradient(#bdd24d,#83a928);
	background: -moz-linear-gradient(#bdd24d,#83a928);
	background: linear-gradient(#bdd24d,#83a928);
	background-repeat: no-repeat;
	background-attachment: fixed;
	*/
	background-color:#fff;
}


/*Body Content*/
.container {
	margin: auto;
	position: center;
	min-height: 100%;
	background: #f1f6fb;
	display: flex;
    flex-direction: column;
}
/*
h1 {
	font-family: 'Arial Black', sans-serif;
	color: #464646;
}
*/
h1 {
	font-family: 'Palanquin', 'Arial Bold', sans-serif;
	font-size:1.5em;
    margin:10px auto;
    text-align:center;
    color: #273a71;
    width:90%;
    max-width:1080px;
}
h1::before, h1::after {
    content:'';
    background-color:#273a71;
    display:inline-block;
    height:2px;
    width:calc(45% - 130px - 10px);
}
h1::before {
    margin-right:10px;
}
h1::after {
    margin-left:10px;
}
h2 {
	/*font-family: 'Arial Black', sans-serif;*/
	font-family: 'Palanquin', 'Arial Bold', sans-serif;
	color: #464646;
	margin:10px auto;
	text-align:center;
}
/*
body p {
	font-family: 'Arial', sans-serif;
	color: #767676;
	margin:0;
	text-align:center;
}
*/
.package-title {
	width: 100%;
	height: 100%;
	background:url(http://www.maxvandoorn.com/packagedesign/title.png) center center no-repeat;
	background-size: 886px 144px;
	margin: 20px auto 0px;
}
.whitebox {
	/*border-radius: 25px;*/
	border-radius:15px;
    background: #fff;
	height: auto;
	width: 90%;
	max-width:1080px;
	position:relative;
	/*padding: 3% 0 3%;*/
	padding:10px;
	margin: 0px auto 20px auto;
}
.flexImg {
    width:100%;
}
.whitebox p {
    text-align: center;
    font-family: 'Nunito-SemiBold', 'Arial', sans-serif;
    color: #767676;
    margin:5px auto;
    width:90%;
}
/*
.icecream,.zomberry,.cackle,.cactus,.cookies {
	width:100%;
	height:0;
	position:relative;
	margin:auto;
}

.icecream {
	padding-bottom: 50%;
	background:url(http://www.maxvandoorn.com/packagedesign/icecream.jpg) center center no-repeat;
	background-size: 95% auto;
}
.zomberry {
	padding-bottom: 75%;
	background:url(http://www.maxvandoorn.com/packagedesign/zomberry.jpg) center center no-repeat;
	background-size: 95% auto;
}
.cackle {
	padding-bottom: 75%;
	background:url(http://www.maxvandoorn.com/packagedesign/cacklecrisp.jpg) center center no-repeat;
	background-size: 95% auto;
}
.cactus {
	padding-bottom: 73%;
	background:url(http://www.maxvandoorn.com/packagedesign/cactusjuice.jpg) center center no-repeat;
	background-size: 95% auto;
}
.cookies {
	padding-bottom: 70%;
	background:url(http://www.maxvandoorn.com/packagedesign/cookies.jpg) center center no-repeat;
	background-size: 95% auto;
}
*/

/*Media Queries*/
/*
@media screen and (min-width:1280px) {
	.container {
		display:grid;
	}
	.whitebox {
		width:1216px;
		padding: 40px 0 40px;
	}
	.package-title {
		width:886px;
		height:144px;
	}
}
@media screen and (max-width:1279px) and (min-width:720px) {
	.whitebox {
		width:90%;
	}
	.package-title {
		width:100%;
		height:0;
		padding-bottom:11.5%;
		background:url(http://www.maxvandoorn.com/packagedesign/title.png) center bottom no-repeat;
		background-size: 70% auto;
	}
}
@media screen and (max-width:719px) and (min-width:481px) {
	.package-title {
		width:100%;
		height:0;
		padding-bottom:14%;
		padding-top:10px;
		background:url(http://www.maxvandoorn.com/packagedesign/title.png) center bottom no-repeat;
		background-size: 85% auto;
		margin: 10px auto 0px;
	}
	.whitebox {
		width:90%;
	}
}
*/
@media screen and (max-width:480px) {
	h1 {
		font-size: 20px;
	}
	/*.package-title {
		width:100%;
		height:0;
		padding-bottom:14%;
		padding-top:10px;
		background:url(http://www.maxvandoorn.com/packagedesign/title.png) center bottom no-repeat;
		background-size: 85% auto;
		margin: 10px auto 0px;
	}
	.whitebox {
		width:90%;
	}*/
}

/* DARK MODE */
.darkMode .container {
    background-color:#121212;
}
.darkMode .container h1 {
    color:#81c9ec;
}
.darkMode .container h1::before, .darkMode .container h1::after {
    background-color:#81c9ec;
}
.darkMode .whitebox {
    background-color:#1e1e1e;
}
.darkMode .whitebox h2 {
    color: #e1e1e1;
}
.darkMode .whitebox p {
    color:#959595;
}