html, body {padding: 0px; margin: 0px; font-family: "Times New Roman", Times, serif; background-image: url(images/background.png);}

#title {text-align: center; color: #ffffff; text-shadow: 0px 0px 10px #000000, 0px 0px 50px #666666; background-image: url(images/titleBackground.png);}
.title {font-size: 100px; padding: 20px 0px 0px 0px; text-decoration: underline; font-family: 'Brush Script MT', cursive;}
.slogan {font-size: 34px; text-align: center; display: block; text-shadow: 0px 0px 10px #000000; font-weight: bold; font-family: 'Brush Script MT', cursive;}

.secCon {
	background-color: #2d1a06; color: #ffffff; font-size: 20px;
	margin: 5px;
	padding: 10px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}

.paraImg {float: left; width: 15%; display: none;}
.imgLogo {max-width: 100%; border-radius: 10px;}
.paraCon {float: left; width: auto; display: block; padding: 20px; text-align: justify;}
.paraHead {font-size: 26px; display: block; font-weight: bold;}
.paraDesc {font-size: 18px; padding-top: 30px; display: block;}
.paraDesc b {font-size: 24px; padding: 2px;}

.imgHold {width: 49%; margin: 0.5%; box-shadow: 0px 0px 20px #000000; background-color: #ffffff; border-radius: 10px; overflow: auto; float: left;}
.chocoImg {width: 100%;}
.imgDesc {color: #000000; text-align: center; display: block; font-weight: bold; padding: 5px;}

.extLink {color: #ffffff; font-weight: bold; font-size: 24px; float: left; line-height: 50px; padding: 10px;}
.email {background-color: #663500; color: #ffffff; border: none; border-radius: 15px; padding: 10px; font-size: 30px;}
.email:hover {background-color: #4d2800; color: #999999;}
.icons {width: 50px;}

@media screen and (min-width: 992px) {
	
	.paraImg {display: block;}
	.paraCon {width: 80%;}
	.imgHold {width: 24%;}
}