.container{
	margin-left:auto;
	margin-right:auto;
}

@font-face {
    font-family: 'lightItalic';
    src: url('../fonts/Poppins-LightItalic.ttf');   
}

@font-face {
    font-family: 'Regular';
    src: url('../fonts/Poppins-Regular.ttf');   
}

@font-face {
    font-family: 'pacifico';
    src: url('../fonts/Pacifico-Regular.ttf');   
}

@font-face {
    font-family: 'Bold';
    src: url('../fonts/Poppins-SemiBold.ttf');   
}


.flexParent{
	display: flex;
}

a{
	text-decoration: none;
	font-family: Bold;
}


/* MOBILE STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px){
.container{
	width:81.25%; /* 260 pixels at a 320 pixel screen width (iPhone 3 / 4 / 5) */
	font-family: Regular;
	color: #FF4CAD;
}

.FOTD{
	background-color: #FF4CAD;
}

.white{
	width: 100%;
	background-color: #fef2f9;
}

#facebookLink{
	width: 4vh;
	position: fixed;
	top: 2vh;
	right: 4%;
	transition: fill 300ms;
}

.facebook{
    fill: #000;
    stroke-width: 0px;
    transition: fill 300ms;
}

#facebookLink:hover .facebook{
	fill: #FF4CAD;
	transition: fill 300ms;
}

.landingPage{
	height: 100vh;
}

.landingPageContainer{
	width: 90.625%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 15%;
}

.logo{
	width: 70%;
	padding-top: 46.5%;
	background-image: url(../images/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
}

.landingPageBlurb{
	width: 81.25%;
	font-family: Regular;
	font-size: .9rem;
	line-height: 1.25rem;
	margin-bottom: 10%;
	color: #000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.flavorOfTheDayButton{
	padding-top: 5%;
	padding-bottom: 5%;
	width: 50%;
	margin-bottom: 2%;
	border-radius: 12px;
	background-color: #FF4CAD;
	color: #fff;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	transition: all 400ms;

	border-width: 3px;
	border-color: #FF4CAD;
	border-style: solid;
}

.flavorOfTheDayButton:hover{
	background-color: #00C6E0;
	border-color: #00C6E0;
	transition: all 600ms;
}

#menuButton{
	padding-top: 5%;
	padding-bottom: 5%;
	width: 50%;

	border-radius: 12px;
	background-color: #fff;
	border-width: 3px;
	border-color: #FF4CAD;
	border-style: solid;
	color: #FF4CAD;

	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	transition: background-color 400ms;
}

#menuButton:hover{
	border-radius: 12px;
	background-color: #00C6E0;
	border-width: 3px;
	border-color: #00C6E0;
	border-style: solid;
	color: #fff;
	transition: background-color 600ms;
}

.aboutInfo{
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	margin-bottom: 5%;
	width: 100%;
	text-align: center;
}

.aboutInfo p{
	color: #FF4CAD;
	font-family: Regular;
	width: 100%;
	margin-bottom: 7%;
}

.aboutInfo h2{
	margin-bottom: 0%;
	color: #FF4CAD;;
	width: 100%;
}

.locationBox{
	margin-top: 15%;
}

.phoneBox{
	margin-bottom: 35%;
}

.desktopSpecialtySundaes{
	display: none;
}

h1{
	font-family: pacifico;
	font-size: 3rem;
	padding-bottom: 5%;
}

h2{
	font-family: pacifico;
	font-size: 2rem;
	padding-bottom: 5%;
}

.flavorsList{
	margin-bottom: 10%;
}

.menu{
	position: absolute;
	top: 20%;
	left: 0;
}

.menuImage{
	background-image: url(../images/menuImage.jpg);
	width: 100%;
	padding-top: 106.996153846153846%;
	background-size: contain;
	position: relative;
}

.items{
	width: 82.307692307692308%;
	line-height: 1.5rem;
	padding-bottom: 10%;
}

.prices{
	width: 17.692307692307692%;
	line-height: 1.5rem;
	text-align: right;
}

/*.IceCream h2, .iceCream, .flavorsHeader, .frozen h2{
	color: #1dacd6;
}

.IceCream .flexParent, .IceCream p, .flavorsList{
	color: #0095b6;
}

.frozen .flexParent{
	color: #0095b6;
}

.nutToppings{
	color: #0095b6;
}*/

.iceCreamImage{
	background-image: url(../images/sundaeImage.jpg);
	width: 100%;
	padding-top: 46.153125%;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 10%;
}

.extraTopping{
	font-family: lightItalic;
	font-size: 1rem;
	margin-bottom: 7%;
}

.items.toppings{
	width: 50%;
}

.prices.toppings{
	width: 50%;
	text-align: left;
}

.nutToppings{
	display: flex;
	width: 100%;
	justify-content: left;
}

.nutToppings li{
	padding-right: 7%;
}

.desktopSundaeImage{
	display: none;
}

.desktopContainer{
	width: 100%;
}

.rightSide{
	display: none;
}

.flavorsList{
	line-height: 1.5rem;
}

.sundaeOfTheMonth{
	padding-bottom: 15%;
}

.footer{
	width: 100%;
	height: 40vh;
	background-color: #FF4CAD;
	text-align: center;
	position: relative;
}

.footer .logo{
	width: 62%;
	padding-top:40%;
	background-image: url(../images/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3%;
}

.footer .container{
	color: #000;
	padding-top: 12%;
}

.footer .address{
	margin-bottom: 5%;
}

.footer .phone{
	font-family: Bold;
}

.copywright{
	font-family: Regular;
	font-size: .75rem;
	position: absolute;
	bottom: 2%;
	left: 50%;
	margin-left: -25%;
	width: 50%;
	text-align: center;
}

.sprinkles{
	width: 100%;
	padding-top: 45%;
	background-image: url(../images/sprinkles.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.sprinkles2{
	width: 100%;
	padding-top: 45%;
	background-image: url(../images/sprinkles2.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	pointer-events: none;
}












/*Flavor Of the day styles*/



.pinkBox{
	width: 100%;
	height: 40vh;
	background-color: #FF4CAD;
	position: relative;
	z-index: 2;
}

.drip{
	background-image: url(../images/drip.png);
	width: 100%;
	padding-top: 30%;
	background-size: cover;
	background-position: bottom;
	z-index: 1;
	margin-top: -1%;
	background-repeat: no-repeat;

	position: sticky;
	top: 0%;
	left: 0;
}

.Title{
	font-family: pacifico;
	font-size: 2.5rem;
	color: #fff;
	margin-bottom: 2%;
	padding-top: 15vh;
	text-align: center;
}

.month{
	color: #fff;
	font-family: lightItalic;
	font-size: 1.5rem;
	text-align: center;
}

.flavorOfTheDay{
	width: 81.25%;
	margin-right: auto;
	margin-left: auto;
}

.flavorOfTheDay h3:nth-of-type(1){
	margin-top: 15%;
}

.sundaeOfTheMonth h1{
	font-family: pacifico;
	font-size: 2.25rem;
	color: #FF4CAD;
	text-align: center;
	margin-bottom: 5%;
	padding-top: 10%;
}

h3{
	font-family: Bold;
	font-size: 1.15rem;
	color: #FF4CAD;
	text-align: center;
	margin-bottom: 3%;
}

.flavorOfTheDay p{
	font-family: Regular;
	font-size: 1rem;
	color: #FF4CAD;
	text-align: center;
	margin-bottom: 10%;
}

.sundaeFlavor{
	font-family: Regular;
	font-size: 1rem;
	color: #FF4CAD;
	text-align: center;
	padding-bottom: 5%;
}

.strawberryImage{
	width: 10%;
	padding-top: 10%;
	background-image: url(../images/strawberry.png);
	background-size: contain;
	position: absolute;
	top: 52%;
	left: 5%;
	z-index: 3;
}

.cherryImage{
	width: 12%;
	padding-top: 12%;
	background-image: url(../images/cherry.png);
	background-size: contain;
	position: absolute;
	top: 54%;
	right: 5%;
	z-index: 3;
}

.menuButton2{
	color: #fff;
	font-family: Bold;
	font-size: 1rem;
	position: fixed;
	top: 2.5%;
	right: 6%;
	transition: color 300ms;
}

.menuButton2:hover{
	color: #000;
	transition: color 300ms;
}





	
}

/* TABLET STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.container{
		width:93.75%; /* 720 pixels at a 768 pixel screen width (iPads) */
	}

.FOTD{
	background-color: #FF4CAD;
}

.white{
	width: 100%;
	background-color: #fef2f9;
}

#facebookLink{
	width: 5vh;
	position: fixed;
	top: 1vh;
	right: 1%;
	transition: fill 300ms;
}

.facebook{
    fill: #000;
    stroke-width: 0px;
    transition: fill 300ms;
}

#facebookLink:hover .facebook{
	fill: #FF4CAD;
	transition: fill 300ms;
}

.landingPage{
	height: 100vh;
}

.landingPageContainer{
	width: 90.625%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 12%;
}

.logo{
	width: 45%;
	padding-top: 30%;
	background-image: url(../images/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}

.landingPageBlurb{
	width: 47.413793103448276%;
	font-family: Regular;
	line-height: 1.25rem;
	margin-bottom: 7%;
	color: #000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.flavorOfTheDayButton{
	padding-top: 3%;
	padding-bottom: 3%;
	width: 30%;

	border-radius: 12px;
	background-color: #FF4CAD;
	color: #fff;

	border-width: 3px;
	border-color: #FF4CAD;
	border-style: solid;
	
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1%;

	transition: all 400ms;
}

.flavorOfTheDayButton:hover{
	background-color: #00C6E0;
	border-color: #00C6E0;
	transition: all 600ms;
}

#menuButton{
	padding-top: 3%;
	padding-bottom: 3%;
	width: 30%;

	border-radius: 12px;
	background-color: #fff;
	border-width: 3px;
	border-color: #FF4CAD;
	border-style: solid;
	color: #FF4CAD;

	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	transition: all 400ms;
}

#menuButton:hover{
	border-radius: 12px;
	background-color: #00C6E0;
	border-width: 3px;
	border-color: #00C6E0;
	border-style: solid;
	color: #fff;
	transition: all 600ms;
}

.locationBox{
	width: 29.913793103448276%;
	text-align: center;
}

.hoursBox{
	width: 29.913793103448276%;
	text-align: center;
}

.phoneBox{
	width: 29.913793103448276%;
	text-align: center;
}

.aboutInfo{
	display: flex;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	margin-bottom: 5%;
}

.aboutInfo p{
	color: #FF4CAD;
	font-family: Regular;
	width: 100%;
}

.aboutInfo h2{
	margin-bottom: 5%;
	color: #FF4CAD;
	width: 100%;
}

.container{
	font-family: Regular;
	color: #FF4CAD;
	width: 90.625%;
}

#Menu{
	width: 100%;
	background-color: #FF4CAD;
	padding-top: 10%;
}

#colorStrip2{
	width: 100%;
	background-color: #FF4CAD;
	padding-top: 10%;
}

.iceCream{
	color: #fff;
	margin-top: -7%;
}

.menu{
	color: #fff;
	margin-top: -7%;
	margin-bottom: 7%;
}

h1{
	font-family: pacifico;
	font-size: 2.5rem;
	margin-bottom: 5%;
}

h2{
	font-family: pacifico;
	font-size: 1.5rem;
	margin-bottom: 5%;
}

li{
	font-size: .75rem;
	line-height: 1.15rem;
}

.flavorsHeader{
	margin-bottom: 2%;
}

.flavorsList{
	margin-bottom: 5%;
	font-size: .75rem;
}

.desktopFlexParent{
	display: flex;
}
	
.desktopContainer{
	width: 29.913793103448276%;
	margin-right: 5.172413793103448%;
	margin-bottom: 5%;
}

.desktopSpecialtySundaes{
	width: 29.913793103448276%;
	background-color: gray;
	margin-right: 5.172413793103448%;
	margin-bottom: 5%;
}

.two{
	margin-right: 0;
}

.items{
	width: 78.386167146974063%;
}

.prices{
	text-align: right;
	width: 21.613832853025937%;
}

.desktopBurgerDrinkImage{
	width: 29.913793103448276%;
	margin-right: 0%;
	background-image: url(../images/menuImage.jpg);
	padding-top: 29.913793103448276%;
	background-size: contain;
	background-repeat: no-repeat;
}

.desktopSandwichImage{
	width: 29.913793103448276%;
	padding-top: 23.913793103448276%;
	margin-right: 5.172413793103448%;
	background-image: url(../images/sandwich.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: -4%;
	margin-bottom: 3%;
}

.desktopHotdogImage{
	width: 29.913793103448276%;
	padding-top: 23.913793103448276%;
	margin-right: 0;
	background-image: url(../images/hotdog.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0%;
}

.sundaeContainer{
	display: none;
}

.IceCream{
	display: flex;
}

.leftSide{
	width: 64.741379310344828%;
	margin-right: 5.172413793103448%;
}

.cake{
	width: 46.205059920106525%;
	margin-right: 7.989347536617843%;
	margin-bottom: 10%;
}

.waffle{
	width: 46.205059920106525%;
	margin-right: 0;
	margin-bottom: 10%;
}

.specialtySundaes{
	width: 46.205059920106525%;
	margin-right: 7.989347536617843%;
}

.blasts{
	width: 46.205059920106525%;
	margin-right: 0;
	margin-bottom: 10%;
}

.frozen{
	width: 46.205059920106525%;
	margin-right: 7.989347536617843%;
	margin-top: -4%;	
}

.rightSide{
	background-color: #FF4CAD;
	color: #fff;
	width: 29.913793103448276%;
	border-radius: 45px;
}

.rightSide h2{
	margin-top: 11%;
}

.rightSideContent{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.extraTopping{
	font-family: lightItalic;
	margin-bottom: 5%;
}

.toppings{
	width: 50%;
}

.sundaeToppingHeader{
	margin-bottom: 7%;
}

.desktopSundaeImage{
	width: 46.205059920106525%;
	padding-top: 22.205059920106525%;
	margin-right: 0;
	background-image: url(../images/sundaeImage.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 10%;
	margin-top: -4%;
}

.nutToppings{
	padding-bottom: 10%;
}

.leftSide:nth-of-type(2){
	margin-top: -3%;
}

.menuButton2{
	color: #fff;
	font-family: Bold;
	font-size: 1rem;
	position: fixed;
	top: 2%;
	right: 3%;
	transition: color 300ms;
}

.menuButton2:hover{
	color: #000;
	transition: color 300ms;
}










/*Flavor Of the day styles*/



.pinkBox{
	width: 100%;
	height: 40vh;
	background-color: #FF4CAD;
	position: relative;
	z-index: 2;
}

.drip{
	background-image: url(../images/desktopDrip.png);
	width: 100%;
	padding-top: 18%;
	background-size: cover;
	background-position: bottom;
	z-index: 1;
	margin-top: -1%;
	background-repeat: no-repeat;

	position: sticky;
	top: -3%;
	left: 0;
}

.Title{
	font-family: pacifico;
	font-size: 3rem;
	color: #fff;
	margin-bottom: 5%;
	padding-top: 15vh;
	text-align: center;
}

.month{
	color: #fff;
	font-family: lightItalic;
	font-size: 1.5rem;
	text-align: center;
}

.flavorOfTheDay h3:nth-of-type(1){
	margin-top: 15%;
}

.sundaeOfTheMonth h1{
	font-family: pacifico;
	font-size: 2.5rem;
	color: #FF4CAD;
	text-align: center;
	margin-bottom: 5%;
	padding-top: 10%;
}

h3{
	font-family: Bold;
	font-size: 1.5rem;
	color: #FF4CAD;
	text-align: center;
	margin-bottom: 2%;
}

.flavorOfTheDay p{
	font-family: Regular;
	font-size: 1rem;
	color: #FF4CAD;
	text-align: center;
	margin-bottom: 8%;
}

.sundaeFlavor{
	font-family: Regular;
	font-size: 1rem;
	color: #FF4CAD;
	text-align: center;
	padding-bottom: 5%;
}

.strawberryImage{
	width: 14%;
	padding-top: 14%;
	background-image: url(../images/strawberry.png);
	background-size: contain;
	position: absolute;
	top: 32%;
	left: 5%;
	z-index: 3;
}

.cherryImage{
	width: 15%;
	padding-top: 15%;
	background-image: url(../images/cherry.png);
	background-size: contain;
	position: absolute;
	top: 35%;
	right: 5%;
	z-index: 3;
}

.sundaeOfTheMonth{
	padding-bottom: 5%;
}

.footer{
	width: 100%;
	height: 30vh;
	background-color: #FF4CAD;
	text-align: center;
	position: relative;
}

.footer .logo{
	width: 23%;
	padding-top:15%;
	background-image: url(../images/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1%;
}

.footer .container{
	color: #000;
}

.footer .address{
	margin-bottom: 2%;
}

.footer .phone{
	font-family: Bold;
}

.copywright{
	font-family: Regular;
	font-size: .75rem;
	position: absolute;
	bottom: 2%;
	left: 50%;
	margin-left: -25%;
	width: 50%;
	text-align: center;
}

	


}

/* DESKTOP STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 1025px) and (max-width: 2440px){
	/* 905 pixels at a 1025 pixel screen */
	/* 1160 pixels at a 1280 pixel screen */

/*nav{
	width: 100%;
	height: 8vh;
	background-color: #FFD25E;
	position: fixed;
	top: 0;
	left: 0;
}*/

.FOTD{
	background-color: #FF4CAD;
}

.white{
	width: 100%;
	background-color: #fef2f9;
}

#facebookLink{
	width: 5vh;
	position: fixed;
	top: 1vh;
	right: 1%;
	transition: fill 300ms;
}

.facebook{
    fill: #000;
    stroke-width: 0px;
    transition: fill 300ms;
}

#facebookLink:hover .facebook{
	fill: #FF4CAD;
	transition: fill 300ms;
}

.landingPage{
	height: 100vh;
}

.landingPageContainer{
	width: 90.625%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 5%;
}

.logo{
	width: 45%;
	padding-top: 30%;
	background-image: url(../images/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}

.landingPageBlurb{
	width: 47.413793103448276%;
	font-family: Regular;
	line-height: 1.25rem;
	margin-bottom: 5%;
	color: #000;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.flavorOfTheDayButton{
	padding-top: 2%;
	padding-bottom: 2%;
	width: 25%;

	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1%;

	border-radius: 12px;
	background-color: #fff;
	border-width: 3px;
	border-color: #FF4CAD;
	border-style: solid;

	background-color: #FF4CAD;
	color: #fff;
	transition: all 400ms;
}

.flavorOfTheDayButton:hover{
	border-radius: 12px;
	background-color: #00C6E0;
	border-width: 3px;
	border-color: #00C6E0;
	border-style: solid;
	transition: all 600ms;
}

#menuButton{
	padding-top: 2%;
	padding-bottom: 2%;
	width: 25%;

	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;

	border-radius: 12px;
	background-color: #fff;
	border-width: 3px;
	border-color: #FF4CAD;
	border-style: solid;

	color: #FF4CAD;
	text-align: center;
	transition: all 600ms;
}

#menuButton:hover{
	border-radius: 12px;
	background-color: #00C6E0;
	border-width: 3px;
	border-color: #00C6E0;
	border-style: solid;
	color: #fff;
	transition: all 400ms;
}

.buttons{
	margin-left: auto;
	margin-right: auto;
}

.locationBox{
	width: 29.913793103448276%;
	text-align: center;
}

.hoursBox{
	width: 29.913793103448276%;
	text-align: center;
}

.phoneBox{
	width: 29.913793103448276%;
	text-align: center;
}

.aboutInfo{
	display: flex;
	margin-left: auto;
	margin-right: auto;
	justify-content: center;
	margin-bottom: 5%;
}

.aboutInfo p{
	color: #FF4CAD;
	font-family: Regular;
	width: 100%;
}

.aboutInfo h2{
	margin-bottom: 5%;
	color: #FF4CAD;
	width: 100%;
}

.container{
	font-family: Regular;
	color: #FF4CAD;
	width: 90.625%;
	margin-right: auto;
	margin-left: auto;
}

#Menu{
	width: 100%;
	background-color: #FF4CAD;
	padding-top: 10%;
}

#colorStrip2{
	width: 100%;
	background-color: #FF4CAD;
	padding-top: 10%;
}

.iceCream{
	color: #fff;
	margin-top: -7%;
}

.menu{
	color: #fff;
	margin-top: -7%;
	margin-bottom: 7%;
}

h1{
	font-family: pacifico;
	font-size: 3rem;
	margin-bottom: 5%;
}

h2{
	font-family: pacifico;
	font-size: 2rem;
	margin-bottom: 5%;
}

li{
	font-size: 1rem;
	line-height: 1.5rem;
}

.flavorsHeader{
	margin-bottom: 2%;
}

.flavorsList{
	margin-bottom: 5%;
}

.desktopFlexParent{
	display: flex;
}
	
.desktopContainer{
	width: 29.913793103448276%;
	margin-right: 5.172413793103448%;
	margin-bottom: 5%;
}

.desktopSpecialtySundaes{
	width: 29.913793103448276%;
	background-color: gray;
	margin-right: 5.172413793103448%;
	margin-bottom: 5%;
}

.two{
	margin-right: 0;
}

.items{
	width: 78.386167146974063%;
}

.prices{
	text-align: right;
	width: 21.613832853025937%;
}

.desktopBurgerDrinkImage{
	width: 29.913793103448276%;
	margin-right: 0%;
	background-image: url(../images/menuImage.jpg);
	padding-top: 29.913793103448276%;
	background-size: contain;
	background-repeat: no-repeat;
}

.desktopSandwichImage{
	width: 29.913793103448276%;
	padding-top: 23.913793103448276%;
	margin-right: 5.172413793103448%;
	background-image: url(../images/sandwich.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: -4%;
	margin-bottom: 3%;
}

.desktopHotdogImage{
	width: 29.913793103448276%;
	padding-top: 23.913793103448276%;
	margin-right: 0;
	background-image: url(../images/hotdog.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0%;
}

.sundaeContainer{
	display: none;
}

.IceCream{
	display: flex;
}

.leftSide{
	width: 64.741379310344828%;
	margin-right: 5.172413793103448%;
}

.cake{
	width: 46.205059920106525%;
	margin-right: 7.989347536617843%;
	margin-bottom: 10%;
}

.waffle{
	width: 46.205059920106525%;
	margin-right: 0;
	margin-bottom: 10%;
}

.specialtySundaes{
	width: 46.205059920106525%;
	margin-right: 7.989347536617843%;
}

.blasts{
	width: 46.205059920106525%;
	margin-right: 0;
	margin-bottom: 10%;
}

.frozen{
	width: 46.205059920106525%;
	margin-right: 7.989347536617843%;
	margin-top: -4%;	
}

.rightSide{
	background-color: #FF4CAD;
	color: #fff;
	width: 29.913793103448276%;
	border-radius: 45px;
}

.rightSide h2{
	margin-top: 11%;
}

.rightSideContent{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.extraTopping{
	font-family: lightItalic;
	margin-bottom: 5%;
}

.toppings{
	width: 50%;
}

.sundaeToppingHeader{
	margin-bottom: 7%;
}

.desktopSundaeImage{
	width: 46.205059920106525%;
	padding-top: 22.205059920106525%;
	margin-right: 0;
	background-image: url(../images/sundaeImage.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 10%;
	margin-top: -4%;
}

.nutToppings{
	padding-bottom: 10%;
}

.leftSide:nth-of-type(2){
	margin-top: -3%;
}

.sundaeOfTheMonth{
	padding-bottom: 5%;
}

.footer{
	width: 100%;
	height: 40vh;
	background-color: #FF4CAD;
	text-align: center;
	position: relative;
}

.footer .logo{
	width: 20%;
	padding-top:13.5%;
	background-image: url(../images/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1%;
}

.footer .container{
	color: #000;
}

.footer .address{
	margin-bottom: 2%;
}

.footer .phone{
	font-family: Bold;
}

.copywright{
	font-family: Regular;
	font-size: .75rem;
	position: absolute;
	bottom: 2%;
	left: 50%;
	margin-left: -25%;
	width: 50%;
	text-align: center;
}









/*Flavor Of the day styles*/


.pinkBox{
	width: 100%;
	height: 40vh;
	background-color: #FF4CAD;
	position: relative;
	z-index: 2;
}

.drip{
	background-image: url(../images/desktopDrip.png);
	width: 100%;
	padding-top: 18%;
	background-size: cover;
	background-position: bottom;
	margin-top: -2%;
	z-index: 1;
	background-repeat: no-repeat;

	position: sticky;
	top: -3%;
	left: 0;
}

.Title{
	font-family: pacifico;
	font-size: 5rem;
	color: #fff;
	margin-bottom: 5%;
	padding-top: 15vh;
	text-align: center;
}

.month{
	color: #fff;
	font-family: lightItalic;
	font-size: 2rem;
	text-align: center;
}

.flavorOfTheDay h3:nth-of-type(1){
	margin-top: 0%;
}

.sundaeOfTheMonth h1{
	font-family: pacifico;
	font-size: 2.5rem;
	color: #FF4CAD;
	text-align: center;
	margin-bottom: 5%;
	padding-top: 5%;
}

h3{
	font-family: Bold;
	font-size: 1.75rem;
	color: #FF4CAD;
	text-align: center;
	margin-bottom: 2%;
}

.flavorOfTheDay p{
	font-family: Regular;
	font-size: 1rem;
	color: #FF4CAD;
	text-align: center;
	margin-bottom: 6%;
}

.sundaeFlavor{
	font-family: Regular;
	font-size: 1rem;
	color: #FF4CAD;
	text-align: center;
	padding-bottom: 5%;
}

.strawberryImage{
	width: 10%;
	padding-top: 10%;
	background-image: url(../images/strawberry.png);
	background-size: contain;
	position: absolute;
	top: 28%;
	left: 5%;
	z-index: 3;
}

.cherryImage{
	width: 12%;
	padding-top: 12%;
	background-image: url(../images/cherry.png);
	background-size: contain;
	position: absolute;
	top: 18%;
	right: 5%;
	z-index: 3;
}

.menuButton2{
	color: #fff;
	font-family: Bold;
	font-size: 1rem;
	position: fixed;
	top: 2%;
	right: 2%;
	transition: color 300ms;
}

.menuButton2:hover{
	color: #000;
	transition: color 300ms;
}


}