@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: myFirstFont;
  src: url("../font/hind-regular.ttf");
}

@font-face {
  font-family: myFirstFontMedium;
  src: url("../font/hind-medium.ttf");
}

@font-face {
  font-family: myFirstFontSemiBold;
  src: url("../font/hind-semibold.ttf");
}

@font-face {
  font-family: myFirstFont;
  src: url("../font/hind-bold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: myFirstFontLight;
  src: url("../font/hind-light.ttf");
}

a.back-to-top, a.back-to-top-pink, a.back-to-top-orange, a.back-to-top-yellow {
    display: none;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background-repeat: no-repeat;
    background-position: center 43%;
    background-image: url("../up-arrow.png");
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    outline: 0;
}
a.back-to-top {
	background-color: #4F5A60;
}
a.back-to-top-pink {
	background-color: #DD399A;
}
a.back-to-top-orange {
	background-color: #f13b02;
}
a.back-to-top-yellow {
	background-color: #cab41b;
}

a:hover.back-to-top {
	background-color: #879AA4;
}

a:hover.back-to-top-pink {
	background-color: #db82b7;
}

a:hover.back-to-top-orange {
	background-color: #fe8661;
}
a:hover.back-to-top-yellow {
	background-color: #ecdb67;
}

body, html {
	height: 100%;
	margin: 0;
}

body {
	font-family: 'Myriad Pro', 'Gill Sans', 'Gill Sans MT', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	justify-content: center;
}

p {
	font-family: myFirstFont;
	font-size: 120%;
	padding-top: 1px;
}

ul l {
font-family: myFirstFont;
font-size: 120%;		
}

u {
  text-decoration: underline;
}

.justify1{
	text-align: center;
}
.margins, .margins1, .margins5 {
	margin-top: 4%;
	margin-bottom: 4%;
}

.margins2 {
	margin-right: 2em;
}
.margins3 {
	margin-top: -3%;
}
.margins4 {
	margin-top: 4%;
}
.margins6 {
	margin-left: -1.3em;
}
.margins7 {
	margin-left: 3%; 
	margin-right: 5%;
}
.margins8 {
	margin-top: -2em;
}
.margins9 {
	margin-top: -4%;
}
.margins10 {
	margin-top: 6%;
}
.margins12 {
	margin-top: 6%;
}
.margins13 {
	margin-left: -2em;
}
.margins14 {
	margin-top: -6%;
}
.margins16 {
	margin-left: 1.5%;
}
.margins17 {
	margin-top: 10%;
}
.margins18 {
	margin-top: 12%;
	float: right;
	margin-left: -4%;
	margin-right: 4%;
    justify-content: center;
}
.margins19 {
	margin-left: -0.8em;
}
.margins20 {
	margin-top: 1%;
}
.margins22 {
	margin-top: 6%;
}

.padding4 {
	padding-left: 2%;
	padding-right: 2%;
}
.padding2 {
	padding-top: 0em;
}
.padding5{
	padding-top: 10%;
}
.padding6 {
	padding-left: 6%;
	padding-right: 4%;
}
.padding7 {
	padding-left: 4%;
	padding-right: 2%;
}
.padding8 {
	padding-bottom: 4%;
}
.image-top3 {
	margin-top: 50%;
}

.navigation, .navigation1, .navigation22, .navigation3, .navigation4, .navigation5, .navigation6, .navigation7, .navigation8 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-bottom: 25px;
	padding-top: 25px;
	font-family: myFirstFontMedium;
	font-size: 150%;
}
.navigation {
	background-image: url("../images/backgrounds/navigationHome.jpg");
}
.navigation1 {
	background-image: url("../images/backgrounds/navigationSugar2.jpg")	
}
.navigation22 {
	background-image: url("../images/backgrounds/navigationNutrition2.jpg");
}
.navigation3 {
	background-image: url("../images/backgrounds/navigationSpell2.jpg");
}
.navigation4 {
	background-image: url("../images/backgrounds/navigationFruits1.jpg")
}
.navigation5 {
	background-image: url("../images/backgrounds/navigationFruits2.jpg")
}
.navigation6 {
	background-image: url("../images/backgrounds/navigationJams.jpg")
}
.navigation7 {
	background-image: url("../images/backgrounds/navigationFarms.jpg")
}
.navigation8 {
	background-image: url("../images/backgrounds/navigationTalk2.jpg")
}

.navbar-toggler{
	background-color: #E20C48;
}

#navbarSupportedContent {
	font-size: 130%;
}

.pagelinks {
	padding-top: 15px;
	padding-left: 25px;
	font-family: myFirstFont;
	color: #000000;
}

#maintitle {
	background-image: url("../images/titles/title-w0.jpg");
    background-repeat: no-repeat;
	background-position: center center;
    background-size: 100% auto;
    margin-top: 25px;
	margin-bottom: -2em;
}
#sugartitle, #nutritiontitle, #spelltitle,#fruits1title, #fruits2title, #jamstitle, #farmstitle, #talktitle {
	background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: -2em;
}

#sugartitle {
    background-image: url(../images/titles/title-wSugar.jpg);
}
#nutritiontitle {
    background-image: url("../images/titles/title-wNutrition.jpg");
}
#spelltitle {
    background-image: url("../images/titles/title-wSpell.jpg");
}
#fruits1title {
	background-image: url("../images/titles/title-wFruit1.jpg");
}
#fruits2title {
	background-image: url("../images/titles/title-wFruit2.jpg");
}
#jamstitle {
	background-image: url("../images/titles/title-wJams.jpg");
}
#farmstitle {
	background-image: url("../images/titles/title-wFarms.jpg");
}
#talktitle {
	background-image: url("../images/titles/title-wChild.jpg");
}

.title {
	text-align: center;
	font-size: 180%;
	font-family: myFirstfontMedium;
}

.card-header2 {
	background-color: rgba(255,255,255,0.00);
	border-bottom: none;
}

.card-header3 {
	margin-left: 1%;
}
.background1 {
	background-color: #F6E4DA;
}
.background2 {
    background-image: url(../images/backgrounds/accordion1.jpg);
}
.background3 {
	background-image: url("../images/backgrounds/accordion4Fruits1.jpg");
}
.background4 {
	background-image: url("../images/backgrounds/accordion5Fruits2.jpg");
}
.background5 {
	background-image: url("../images/backgrounds/accordion6Fruits2.jpg")
}
.background6 {
	background-image: url("../images/backgrounds/accordion7Fruits2.jpg")
}
.background7 {
	background-image: url("../images/backgrounds/accordion8Jams.jpg")
}
.background8 {
	background-image: url("../images/backgrounds/accordion9Bulgaria.jpg")
}
.background9 {
	background-image: url("../images/backgrounds/accordion10Farms.jpg")
}
.background10 {
	background-image: url("../images/backgrounds/accordion11Talk.jpg")
}

.background2, .background3, .background4, .background5, .background6, .background7, .background8, .background9, .background10 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-width: 0px;
}

.audio1 {
	height: auto;
	max-width: 100%;
}

.homebackground, .sugarbackground1, .nutritionbackground, .spellbackground, .fruits1background, .fruits2background, .fruits2background2, .fruits2background3, .jamsbackground, .farmsbackground, .talkbackground {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-width: 0px;
	box-shadow: 0px 0px #FFFFFF;
	border-radius: 0px;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	font-family: myFirstFont;
}
.homebackground {
	background-image: url(../images/backgrounds/accordion1.jpg);
}
.sugarbackground1 {
	background-image: url("../images/backgrounds/accordion2Sugar.jpg");
}
.nutritionbackground {
	background-image: url("../images/backgrounds/accordion3Nutrition.jpg")
}
.fruits1background {
	background-image: url("../images/backgrounds/accordion4Fruits1.jpg")
}
.fruits2background {
	background-image: url("../images/backgrounds/accordion5Fruits2.jpg")
}
.fruits2background2 {
	background-image: url("../images/backgrounds/accordion6Fruits2.jpg")
}
.fruits2background3 {
	background-image: url("../images/backgrounds/accordion7Fruits2.jpg")
}
.jamsbackground {
	background-image: url("../images/backgrounds/accordion8Jams.jpg")
}
.farmsbackground {
	background-image: url("../images/backgrounds/accordion10Farms.jpg")
}
.talkbackground {
	background-image: url("../images/backgrounds/accordion11Talk.jpg")
}

.accordiontitle1{
    font-size: 130%;
    color: #E20C48;
}

a.hover1{
	color: #E20C48;
}

a.hover2 {
	color: #000000;
}

.gallery {
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: #FFFFFF;
    padding-bottom: 35px;
    padding-top: 0px;
    margin-top: -5px;
    margin-bottom: 0px;
}

.gallery2 {
	margin-top: -3em;
}

.gallery3 {
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: -40px;
    margin-bottom: 0px;
}

.artwork, .artwork1, .artwork2, .artwork3, .artwork4, .artwork5, .artwork6, .artwork7, .artwork8, .artwork9, .artwork10, .artwork11, .artwork12, .artwork13, .artwork14, .artwork15 {
	text-align: center;
	display: flex;
}

.artwork {
	width: 23%;
	float: left;
	margin-top: 35px;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 20px;
    justify-content: center;

}

.artwork1 {
	width: 46%;
	float: left;
	margin-top: 35px;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 1%;
    justify-content: left;

}

.artwork2 {
	width: 100%;
	float: left;
	margin-top: 35px;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 20px;
    justify-content: center;

}
.artwork3 {
	width: 100%;
	float: left;
	padding-bottom: 20px;
	margin-right: 1%;
	padding-top: 10px;
    justify-content: center;
}

.artwork4, .artwork11 {
	width: 100%;
	float: right;
	margin-left: 1%;
	margin-right: 4%;
    justify-content: center;

}
.artwork5 {
	width: 100%;
	float: left;
	margin-left: 4%;
	margin-right: 1%;
    justify-content: center;

}
.artwork6 {
	width: 45%;
	float: left;
	margin-top: 35px;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 1%;
	display: flex;
    justify-content: left;

}
.artwork7 {
	width: 100%;
	float: left;
	padding-bottom: 20px;
	margin-right: 1%;
    justify-content: center

}
.artwork8 {
	width: 100%;
	float: left;
	margin-top: 80px;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 1%;
    justify-content: left;

}
.artwork9 {
	width: 100%;
	float: center;
	margin-left:-1.5%;
	margin-right: 1%;
    justify-content: center;

}
.artwork10 {
	width: 100%;
	float: left;
	margin-left: 4%;
	margin-right: 1%;
    justify-content: center;

}
.artwork12 {
	width: 80%;
	float: left;
	margin-top: 35px;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 1%;
    justify-content: left;
}
.artwork13 {
	width: 100%;
	float: left;
	padding-bottom: 20px;
	margin-right: 1%;
    justify-content: center;
}
.artwork14 {
	width: 100%;
	float: right;
	padding-bottom: 20px;
	margin-right: 1%;
	padding-top: 10px;
    justify-content: center;
}
.artwork15 {
	width: 100%;
	float: left;
	margin-top: 35px;
	padding-bottom: 20px;
	margin-left: 1.5%;
	margin-right: 1%;
	padding-top: 20px;
    justify-content: center;

}

.gallery .artwork h4, .artwork2 h4, .artwork1 h4, .caption{
	font-family: myFirstFontMedium;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #EBCDD6;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

.container1, .container2, .container3, .container4, .container5, .container6, .container7, .container8, .container9, .container10, .container11, .container12, .container13, .container14, .container15, .container16, .container17, .container18, .container19, .container20, .container21, .container22, .container23, .container24 {
	position: relative;
	width: 100%;
}

.container1 {
	max-width: 470px;
}
.container2 {
	max-width: 1500px;
}

.container3 {
	max-width: 1200px;
}

.container4 {
	max-width: 598px;
    margin-left: 3.5%;
}
.container5 {
	max-width: 598px;
}
.container6 {
	max-width: 855px;
}
.container7 {
	max-width: 800px;
    margin-left: 3.5%;
}
.container8 {
	max-width: 400px;
}
.container9 {
	max-width: 855px;
    margin-left: 4%;
}
.container10 {
	max-width: 800px;
}
.container11 {
	max-width: 423px;
}
.container12 {
	max-width: 845px;
}
.container13 {
	max-width: 627px;
}
.container14 {
	max-width: 732px;
}
.container15 {
	max-width: 887px;
}
.container16 {
	max-width: 983px;
}
.container17 {
	max-width: 719px;
}
.container18 {
	max-width: 678px;
}
.container19 {
	max-width: 948px;
}
.container20 {
	max-width: 613px;
}
.container21 {
	max-width: 765px;
}
.container22 {
	max-width: 508px;
}
.container23 {
	max-width: 477px;
}
.container24 {
	max-width: 777px;
}

.cards, .cards2, .cards3, .cards4, .cards5, .cards6, .cards7, .cards8, .cards9, .cards10, .cards11, .cards12, .cards13, .cards14, .cards15, .cards16, .cards17, .cards18, .cards19, .cards20, .cards21, .cards22, .cards23, .cards24, .cards25, .cards26, .cards27 {
	width: 100%;
	height: auto;
}

.cards {
	max-width: 470px;
	max-height: 330px;
}

.cards2 {
	max-width: 1500px;
	max-height: 1008px;
}

.cards3 {
	max-width: 300px;
	max-height: 231px;
}

.cards4 {
	max-width: 1200px;
	max-height: 855px;
}

.cards5 {
	max-width: 598px;
	max-height: 1200px;
}
.cards6 {
	max-width: 855px;
	max-height: 1200px;
}
.cards7 {
	max-width: 470px;
	max-height: 660px;
}
.cards8 {
	max-width: 400px;
	max-height: 1200px;
}
.cards9 {
	max-width: 800px;
	max-height: 1200px;
}
.cards10 {
	max-width: 1200px;
	max-height: 801px;
}
.cards11 {
	max-width: 423px;
	max-height: 1119px;
}
.cards12 {
	max-width: 845px;
	max-height: 1200px;
}
.cards13 {
	max-width: 627px;
	max-height: 941px;
}
.cards14 {
	max-width: 732px;
	max-height: 1200px;
}
.cards15 {
	max-width: 887px;
	max-height: 1200px;
}
.cards16 {
	max-width: 983px;
	max-height: 656px;
}
.cards17 {
	max-width: 719px;
	max-height: 479px;
}
.cards18 {
	max-width: 678px;
	max-height: 1200px;
}
.cards19 {
	max-width: 948px;
	max-height: 1200px;
}
.cards20 {
	max-width: 613px;
	max-height: 924px;
}
.cards21 {
	max-width: 765px;
	max-height: 1148px;
}
.cards22 {
	max-width: 508px;
	max-height: 1200px;
}
.cards23 {
	max-width: 1200px;
	max-height: 603px;
}
.cards24 {
	max-width: 1200px;
	max-height: 930px;
}
.cards25 {
	max-width: 1200px;
	max-height: 1203px;
}
.cards26 {
	max-width: 477px;
	max-height: 1200px;
}
.cards27 {
	max-width: 777px;
	max-height: 1200px;
}

.overlay {
	position: absolute;
	bottom: 0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5); /* Black see-through */
	width: 100%;
	transition: .5s ease;
	opacity: 0;
	font-size: 130%;
	text-align: center;
	padding: 20px;
 }
.overlay1 {
	position: absolute;
	bottom: 0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5); /* Black see-through */
	width: 100%;
	transition: .5s ease;
	opacity: 0;
	font-size: 130%;
	text-align: center;
	padding: 20px;
 }
.container1:hover .overlay1 {
	opacity: 1;
}

.container1:hover .overlay, .container2:hover .overlay, .container3:hover .overlay, .container4:hover .overlay, .container5:hover .overlay, .container6:hover .overlay, .container7:hover .overlay, .container8:hover .overlay, .container9:hover .overlay, .container10:hover .overlay, .container11:hover .overlay, .container12:hover .overlay, .container13:hover .overlay, .container14:hover .overlay, .container15:hover .overlay, .container16:hover .overlay, .container17:hover .overlay, .container18:hover .overlay, .container19:hover .overlay, .container20:hover .overlay, .container21:hover .overlay, .container22:hover .overlay, .container23:hover .overlay, .container24:hover .overlay {
  opacity: 1;
}

.contact {
	text-align: center;
}

.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 2px;
	border-top-width: 2px;
	font-family: myFirstFont;
	font-weight: bold;
	color: #000000;
	font-size: 130%;
}
.funding {
	text-align: center;
	letter-spacing: 2px;
	font-family: myFirstFont;
	font-weight: bold;
	color: #000000;
	font-size: 110%;
}

.footer1, .footer2, .footer3, .footer4, .footer5, .footer6, .footer7, .footer8, .footer9 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-width: 0px;
    padding-top: 60px;
	padding-bottom: 60PX;
}
.footer1 {
	background-image: url(../images/backgrounds/footer1.jpg);
}
.footer2 {
	background-image: url("../images/backgrounds/navigationSugar.jpg");
}
.footer3 {
	background-image: url("../images/backgrounds/navigationNutrition.jpg")
}
.footer4 {
	background-image: url("../images/backgrounds/navigationSpell.jpg")
}
.footer5 {
	background-image: url("../images/backgrounds/footerFruits1.jpg")
}
.footer6 {
	background-image: url("../images/backgrounds/footerFruits2.jpg")
}
.footer7 {
	background-image: url("../images/backgrounds/footerJams.jpg")
}
.footer8 {
	background-image: url("../images/backgrounds/footerFarms.jpg")
}
.footer9 {
	background-image: url("../images/backgrounds/footerTalk.jpg")
}

@media (min-width:1200px){
	
.audio1 {
	width: 540px;	
	}
	
#maintitle{
	height: 896px;
	width: 1500px;
	
	}
.title {
	padding-top: 0px;
	padding-bottom: 30px;
	line-height: 1.2em;
    }
#sugartitle, #nutritiontitle, #spelltitle, #jamstitle, #farmstitle, #talktitle {
	height: 505px;
	width: 1500px;
	margin-bottom: 0.5em;
	}
#fruits1title {
	height: 468px;
	width: 1500px;
	margin-bottom: 0.5em;	
	}
#fruits2title {
	height: 559px;
	width: 1500px;
	margin-bottom: 0.5em;	
	}
.title1, .title2 {
	padding-top: 0px;
	line-height: 1.2em;
	}
	
.navigation22 {
	background-image: url("../images/backgrounds/navigationNutrition2.jpg");
}

.artwork2 {
	width: 48%;
	}

.caption-top2 {
	padding-top: 0.1%;
}
.padding3 {
	padding-top: 2em;
}
.margins6 {
	margin-top: 0%;	
	}
.margins11{
	margin-bottom: -2%;	
	}
.card-header3 {
	margin-left: -1%;	
	}
.card-header4 {
	margin-left: 1%;	
	}

}

@media (min-width: 1096px) and (max-width: 1199.98px) {

.audio1 {
	width: 490px;	
	}
	
#maintitle {
	height: 730px;
	margin-bottom: -1em;
	}
.title {
	padding-top: 0px;
	padding-bottom: 30px;
	line-height: 1.2em;

	}
#sugartitle, #nutritiontitle, #spelltitle, #fruits1title, #fruits2title, #jamstitle, #farmstitle, #talktitle {
	height: 450px;
	margin-bottom: -6em;
	}
.title1, .title2 {
	padding-top: 80px;
	line-height: 1.2em;
	}

.artwork2 {
	width: 48%;
	}
.margins6 {
	margin-top: 0%;	
	}
.margins11{
	margin-bottom: -2%;	
	}

.card-header3 {
	margin-left: -2%;	
	}
}

@media (min-width: 992px) and (max-width: 1095.98px) {

.audio1 {
	width: 440px;	
	}
.artwork10 {
	float: right;
	margin-left: 4%;
	margin-right: 1.5%;
}
.overlay1 {
	opacity: 1;	
	}

.margins2 {
	margin-top: 3em;
	}
	
.margins5 {
	margin-top: 3em;
	}
.margins6 {
	margin-top: 0%;	
	}
.margins11{
	margin-bottom: -2%;	
	}
.margins13 {
	margin-left: auto;	
	}
.caption-top1 {
	padding-top: 3em;	
	}
.caption-top2 {
	padding-top: 4%;
}
.caption-top3 {
	padding-top: 3em;	
	}

.image-top3 {
	margin-top: -9%;
	}
.image-top4 {
	margin-top: -6%;	
	}	
}

@media (max-width:991.98px){
	
.pagelinks {
	padding-left: 0px;	
	}
	
.audio1 {
	width: 450px;	
	}
.overlay, .overlay1 {
	opacity: 1;	
	}
	
.card-header3 {
	margin-left: 0%;
}	

.lightgrey{
	background-color: lightgrey;	
	}

.image-top1 {
	margin-top: 1em;	
	}
.image-top3 {
	margin-top: -10%;
	margin-left: 15%;
	}
.image-top4 {
	margin-top: -6%;	
	}	
.caption-top1 {
	padding-top: 4em;	
	}
.caption-top2 {
	margin-top: -2em;
}
.caption-top3 {
	padding-top: -10%;	
	}
.caption-top4 {
	margin-top: 30px;
	margin-left: 0%;
	margin-right: 0%;
	}
.caption-top5 {
	margin-left: 0%;
	margin-right: 0%;	
	}
.margins {
	margin-top: 2em;
	}

.margins5 {
	margin-top: 3em;
	}
.margins6 {
	margin-left: 1%;
}
.margins7 {
	margin-left: 0%; 
	margin-right: 0%;
}

.margins12 {
	margin-right: 0%;
	}
.margins13 {
	margin-left: auto;	
	}
.margins14 {
	margin-top: -10%;	
	}
.margins15{
	margin-top: 8%;	
	}
.margins18, .margins19 {
	margin-left: -2em;	
	}
.margins18 {
	margin-right: 0%;	
	}
.margins21 {
	margin-top: -2%;	
	}
.padding2 {
	padding-top: -10%;	
	}
.padding6 {
	margin-left: 0%;
	margin-right: 0%;
	}

.artwork5 {
	float: right;
	margin-right: 4%;
	margin-left: 1%;
	}
.artwork8, .artwork11 {
	float: center;
	margin-right: 0%;
	margin-left: 0%;	
	}
.artwork10 {
	float: right;
	margin-left: 4%;
	margin-right: 1.5%;
}

.background1 {
	background-color: #FFFFFF;	
	}
.navigation22 {
	background-image: url("../images/backgrounds/navigationNutrition3.jpg");
}

}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1095.98px) {
	
#maintitle{
	height: 650px;
	margin-bottom: -2em;
	
	}
.title {
	padding-top: 0px;
	padding-bottom: 30px;
	line-height: 1.2em;

	}
	
#sugartitle, #nutritiontitle, #spelltitle, #fruits1title, #jamstitle, #farmstitle, #talktitle {
	height: 350px;
	margin-bottom: 0.5em;
	}
#fruits2title{
	height: 360px;
	margin-bottom: 0.5em;
	
	}
.title1, .title2 {
	padding-top: 0px;
	line-height: 1.2em;
	}

.artwork {
	width: 48%;
}
	
.artwork2 {
	margin-left: 0%;
	}
.margins1 {
	margin-top: 2em;
	}
.image-top1, .image-top2 {
	margin-top: 3em;	
	}
}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767.98px) {

.artwork, .artworkl2 {
	width: 100%;
	margin-left: 0%;
}
	
.gallery, .gallery3 {
	align-content: center;
	}
	
}

@media (max-width:767.98px){
	
.margins21 {
	margin-top: -13%;	
	}
	
.audio1 {
	width: 400px;	
	}

#maintitle {
	
    background-image: url(../images/titles/title-w0-2.jpg);
	height: 700px;
	margin-bottom: -5.5em;
	margin-top: -4em;
	}
.title {
	padding-top: 0px;
	font-size: 150%;
	line-height: 1.2em;
	} 
#sugartitle {
	background-image: url("../images/titles/title-wSugar-2.jpg");
	height: 950px;
	margin-bottom: -2em;
	margin-top: 6px;
	}
	
#nutritiontitle {
	background-image: url("../images/titles/title-wNutrition-2.jpg");
	height: 950px;
	margin-bottom: -2em;
	margin-top: 6px;	
	}
#spelltitle {
	background-image: url("../images/titles/title-wSpell-2.jpg");
	height: 950px;
	margin-bottom: -2em;
	margin-top: 6px;	
	}
	
#fruits1title {
	background-image: url("../images/titles/title-wFruit1-2.jpg");
	height: 975px;
	margin-bottom: -2em;
	margin-top: 6px;	
	}
#fruits2title {
	background-image: url("../images/titles/title-wFruit2-2.jpg");
	height: 1025px;
	margin-bottom: -2em;
	margin-top: 6px;	
	}
#jamstitle {
	background-image: url("../images/titles/title-wJams-2.jpg");
	height: 950px;
	margin-bottom: -2em;
	margin-top: 6px;	
	}
#farmstitle {
	background-image: url("../images/titles/title-wFarms-2.jpg");
	height: 950px;
	margin-bottom: -2em;
	margin-top: 6px;	
	}
#talktitle {
	background-image: url("../images/titles/title-wChild-2.jpg");
	height: 950px;
	margin-bottom: -2em;
	margin-top: 6px;	
	}


.title1, .title2 {
	padding-top: 20px;
	font-size: 150%;
	line-height: 1.2em;
	}
.navigation1 {
	background-image: url("../images/backgrounds/navigationSugar2.jpg");
	}
.image-top1, .image-top2 {
	margin-top: 2em;	
	}
.caption-top2 {
	margin-top: -1.5em;
}
.margins1 {
	margin-top: 2em;
	}
.margins10 {
	margin-top: 15%;
}
.padding1 {
	padding-bottom: 3%;	
	}
.image-top5 {
	margin-top: -20%;	
	}

.artwork1, .artwork6, .artwork12 {
	width: 100%;
	margin-left: 0%;
	justify-content: center
	}
.image-top3 {
	margin-top: -10%;
	margin-left: 0%;
	}

}

@media (max-width:500px){

.audio1 {
	width: 305px;	
	}
	
#maintitle {
	height: 500px;
	margin-top: 0px;
	}
.title {
	padding-top: 50px;
	font-size: 120%;
	line-height: 1.2em;
	}
#sugartitle, #nutritiontitle, #spelltitle, #fruits1title, #jamstitle, #farmstitle, #talktitle {
	height:860px;
	margin-bottom: -4em;
	margin-top: -0.3em;
	}
#fruits2title {
	height:900px;
	margin-bottom: -3em;
	margin-top: -0.3em;
	
	}
.title1 {
	display: none;
	}
	
.image-top1 {
	margin-top: 2em;	
	}
.caption-top2 {
	margin-top: -1em;
}
.overlay {
	opacity: 0;	
	}

}

/* Mobile */
@media (max-width: 320px) {

.audio1 {
	width: 215px;	
	}
.margins4 {
	margin-top: 10%;
}
	
#sugartitle, #nutritiontitle, #spelltitle, #jamstitle, #farmstitle, #talktitle {
	height:600px;
	margin-bottom: -6em;
	margin-top: -1.5em;
	}
#fruits1title {
	height:600px;
	margin-bottom: -4em;
	margin-top: -1.5em;
	
	}
#fruits2title {
	height:620px;
	margin-bottom: -3em;
	margin-top: -0.3em;
	}

.artwork, .artwork1, .artwork2, .artwork6, .artwork12 {
	width: 100%;
	margin-left: 0%;
}
	
}