@font-face {
		font-family: FirstFont;
		src: url("../fonts/Sweet Affogato.ttf");
	}

	@font-face {
		font-family:CrispyCreamBold;
		src:url("../fonts/Crispy_Cream-Bold.otf");
	}

	@font-face {
		font-family:HelloIceCream;
		src:url("../fonts/HelloIceCreamDemoRegular.ttf");
	}

	@font-face {
		font-family:Highmount;
		src:url("../fonts/highmount.otf");
	}

	@font-face {
		font-family:Nesting;
		src:url("../fonts/nesting.otf");
	}

	@font-face {
		font-family:caramelmochachino;
		src:url("../fonts/caramelmochachino.otf");
	}

a:link, a:visited {
	color:inherit;
}

/* DESKTOP*/

@media only screen and (min-width:1112px) {

	body {
		background-image: url("../images/bg1.JPG");
		background-position: center;
		background-repeat: no-repeat;
		background-size:cover;
		border:0;
		margin:0;
		padding:0;
	}

	#banner img {
		width:100%;
		margin:0 0 0 0;
	}

	#social-container-facebook {
		border:solid 0px black;
		top:15%;
		right:0;
		margin:0 -3.5% 0 0;
		/*background-color: #FFFFFF;*/
		background-image: url("../images//brush/whitebrush2.png");
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-repeat: no-repeat;
		background-position: left;
		background-position-x: left;
		background-position-y: top;
		border-radius: 5%;
		padding:2% .5% 1% .5%;
		height:10%;
		width:8.5%;
		position:fixed;
		transition: width 1s;
	}

	#social-container-facebook:hover {
		width:29%;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-repeat: no-repeat;
		background-position: left;
		background-position-x: left;
		background-position-y: top;

	}


	#social-container-facebook h1 {
		font-family: CrispyCreamBold;
		font-size: 2vw;
		vertical-align: middle;
		display: inline-block;
		position: fixed;
		margin:20px 0 0 1%;
		padding:0;
		color:#cd5c5c;
	}

	#social-container-facebook:hover h1 {
		display:inline-block;
	}


	#social-container-instagram {
		border:solid 0px black;
		top:31%;
		right:0;
		margin:0 -4.8% 0 0;
		/*background-color: #FFFFFF;*/
		background-image: url("../images//brush/whitebrush2.png");
		background-size:cover;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-repeat: no-repeat;
		background-position: left;
		background-position-x: left;
		background-position-y: top;
		border-radius: 5%;
		padding:2% 1% 1% 1%;
		height:10%;
		width:8.5%;
		position:fixed;
		transition: width 1s;
	}

	#social-container-instagram:hover {
		width:29%;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-repeat: no-repeat;
		background-position: left;
		background-position-x: left;
		background-position-y: top;
	}


	#social-container-instagram h1 {
		font-family: CrispyCreamBold;
		font-size: 2vw;
		vertical-align: middle;
		display: inline-block;
		position: fixed;
		margin:20px 0 0 1%;
		padding:0;
		color:#cd5c5c;
	}

	#social-container-facebook:hover h1 {
		display:inline-block;
	}

	#social-container-facebook img, #social-container-instagram img {
		border:solid 0px black;
		height:100%;
		display: inline-block;
		vertical-align: middle;
	}

	#logo {
		margin: -40px 0;
		text-align: center;
		border:solid 0px black;
	}

	#logo img {
		height:10%;
		width:auto;
		border:solid 0px black;
	}


	#main {
		border:solid 0px black;
	}

	#menu-body {
		border:solid 0px red;
		width: 900px;
		margin: 0 auto;
	}

	#menu-body img {
		margin:  0 auto;
		width: 900px;
	}


	#blue-background {
		background-image: url("../images/brush/bluebrush4.png");
		background-size:120%;
		background-repeat: no-repeat;
		color:#FFFFFF;
		border:solid 0px black;
		font-size:3vw;
		padding-left:7.5%;
		font-family: Firstfont;
		display:inline-block;
		width:40%;
	}

	#blue-background h3 {
		border:solid 0px black;
		font-size: 40px;
		padding:0;
		padding-left:0px;
		margin-top:-20px;
		text-align: left;
		position: absolute;
	}

	#pink-background {
		background-image: url("../images/brush/pinkbrush1.png");
		background-size:100%;
		background-repeat: no-repeat;
		background-position: left;
		background-position-x: left;
		background-position-y: center;
		color:#FFFFFF;
		border:solid 0px black;
		font-size:3vw;
		padding-left:6.5%;
		padding-top:.5%;
		font-family: Firstfont;
		margin:20% 0 0 20px;
		display:inline-block;
		width:40%;
	}

	#menu-body-table-header {
		font-family: caramelmochachino;
		font-size:4vw;
		border:solid 0px black;
		/*background-image: url("../images//brush/whitebrush1.png");*/
		background-size:110%;
		background-repeat: no-repeat;
		background-position:center;
		/*3 columns
		background-size:33.5%;
		background-position:center;
		*/
		color:#ffffff;
		/*color:#cd5c5c;*/ /*RED*/ 
	}

	#menu-body table {
		border:solid 0px black;
		margin:50px auto 5% auto;
		width:100%;
		font-size:3.5vw;
		font-family: caramelmochachino;
		/*background: url(../images/bg1.jpg);*/
		/*background-color:#FFFFFF;*/
		padding:10px;
		/*color:#cd5c5c;*/ /*RED*/ 
		color:#FFFFFF;
		border-collapse: collapse;
		vertical-align: middle;

	}

	#menu-body table td {
		border-bottom:solid 0px black;
		padding:.5% 0;
		width:25%;
		text-align:center;
		padding:10px 0 0 0;
		vertical-align: top;
	}

	#menu-body h1{
		font-size: 40px;
		margin-top: -15px;
		color:#cd5c5c;
	}

	#menu-body h4{
		font-size: 25px;
		margin-top: -15px;
		color:#cd5c5c;
	}


	#flavors {
		font-family:caramelmochachino;
		font-size:30px;
		background-image: url("../images//brush/whitebrush1.png");
		background-size:130%;
		background-repeat: no-repeat;
		background-position:40% 75%;
		border:solid 0px black;
		color:#cd5c5c;
		vertical-align: middle;
		text-align: center;
		width:100%;
		padding-left:50px;
		padding-top:0px;
		padding-bottom: 50px;
		margin-bottom:100px;
		border:solid 0px black;
	}

	#flavors h1 {
		font-family:Nesting;
		font-size:3vw;
		background-image: url("../images//brush/whitebrush1.png");
		background-size:100%;
		background-repeat: no-repeat;
		background-position:left;
		border:solid 0px black;
		display:block;
		color:#cd5c5c;
		text-align: center;
		padding: 5px 0;
		margin-bottom:50px;
	}

	#flavors h2 {
		background-image: url("../images/brush/1.png");
		background-size:30%;
		background-repeat: no-repeat;
		background-position: center	;
		color:#FFFFFF;
	}

	#flavors-bestseller {
		background-image: url("../images/brush/1.png");
		background-size:90%;
		background-repeat: no-repeat;
		background-position: center	;
		color:#FFFFFF;
	}

	#flavors table {
		border:solid 0px black;
		width:80%;
	}

	#flavors table td {
		border:solid 0px black;
	}


	#flavors table tr {
		border:solid 0px black;
		color:#cd5c5c;
		font-size:30px;	

	}

	#flavors img {
		height:0;
	}

	#banana-split 
	{
		font-family:Nesting;
		font-size:3vw;
		background-image: url("../images//brush/whitebrush1.png");
		background-size:100%;
		background-repeat: no-repeat;
		background-position:left;
		border:solid 0px black;
		color:#cd5c5c;
		display:table-cell;
		vertical-align: middle;
		width:10%;
		text-align: left;
		padding-left:120px;
		padding-top:5px;
	}

	#banana-split h1 {
		font-family: caramelmochachino;
		font-size:5vw;
		display:inline-block;
		vertical-align: middle;
		margin:0;
		padding:0;
	}

	#banana-split-img {
		max-width:100%;
	}

	#cone-img {
		max-width:100%;
		margin: 0 0 5% 0;
	}

	#informational {
		border:solid 1px black;
		font-size: 55px;
		margin-top: 650px;
		height:1700px;
		margin-bottom: 155px;
		background-image: url("../images/bg1.JPG");
		background-size: 170%;
		background-repeat: no-repeat;
		background-position: center;
	}

	#informational-div1{
		background-image: url("../images/brush/2.png");
		background-size: 105%;
		background-repeat: no-repeat;
		background-position: right;
		width: 800px;
		height: 780px;
		padding-top: 150px;
		padding-left: 50px;
		margin-left:-110px;
		margin-top: -320px;
		color:#FFFFFF;
		border: solid 0px black;
	}

	#informational-div1 h1 {
		font-size: 75px;
		text-align: center	;
		font-family: caramelmochachino;
		border: solid 0px black;
		margin-top:280px;
		margin-left:-180px;
		padding: 0;

	}

	#informational-div1 h2 {
		font-size: 75px;
		text-align: center	;
		border: solid 0px black;
		font-family: caramelmochachino;
		margin-top: -70px;
		margin-left: 180px;
		padding: 0;

	}


}


/* TABLET */

@media only screen and (min-width:600px) and (max-width:1112px)  {

	body {
		background-image: url("../images/bg1.JPG");
		background-position: center;
		background-repeat: no-repeat;
		background-size:cover;
		border:0;
		margin:0;
		padding:0;
	}

	#banner img {
		width:100%;
		margin:0 0 3% 0;
	}

	#social-container-facebook {
		border:solid 0px black;
		top:5%;
		right:0;
		margin:0 0 0 0;
		/*background-color: #FFFFFF;*/
		background-image: url("../images//brush/whitebrush2.png");
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-repeat: no-repeat;
		background-position: left;
		background-position-x: left;
		background-position-y: top;
		border-radius: 5%;
		padding:3% 0 1% .5%;
		height:5%;
		width:8.5%;
		position:fixed;
	}

	#social-container-facebook h1 {
		display: none;
	}


	#social-container-instagram {
		border:solid 0px black;
		top:13%;
		right:0;
		margin:0 -5px 0 0;
		/*background-color: #FFFFFF;*/
		background-image: url("../images//brush/whitebrush2.png");
		background-size:cover;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-repeat: no-repeat;
		background-position: left;
		background-position-x: left;
		background-position-y: top;
		border-radius: 5%;
		padding:3% 0 1% 1%;
		height:5%;
		width:8.5%;
		position:fixed;
	}


	#social-container-instagram h1 {
		display: none;
	}

	#social-container-facebook img, #social-container-instagram img {
		border:solid 0px black;
		height:100%;
		display: inline-block;
		vertical-align: middle;
	}



	#logo {
		margin: -40px 0;
		text-align: center;
	}

	#logo img {
		height:10%;
		width:auto;
		border:solid 0px black;
	}



	#main {
		border:solid 0px black;
	}

	#menu-body {
		border:solid 0px red;
		width: 720px;
		margin: 0 auto;
	}

	#menu-body img {
		margin:  0 auto;
		width: 720px;
	}

	#blue-background {
		background-image: url("../images/brush/bluebrush4.png");
		background-size:100%;
		background-repeat: no-repeat;
		background-position: center;
		color:#FFFFFF;
		border:solid 0px black;
		font-size:5vw;
		padding-left:7.5%;
		font-family: Firstfont;
		display: inline-block;
		width:40%;

	}

	#pink-background {
		background-image: url("../images/brush/pinkbrush1.png");
		background-size:100%;
		background-repeat: no-repeat;
		background-position: center;
		display:inline-block;
		color:#FFFFFF;
		border:solid 0px black;
		font-size:5vw;
		padding-left:6.5%;
		padding-top:.5%;
		font-family: Firstfont;
		margin:1% 0 0 0;
		width:40%;
		text-align: center;
	}

	#menu-body-table-header {
		font-family: caramelmochachino;
		font-size:7vw;
		border:solid 0px black;
		background-size:110%;
		background-repeat: no-repeat;
		background-position:center;
		/*3 columns
		background-size:33.5%;
		background-position:center;
		*/
		color:#FFFFFF;
	}

	#menu-body table {
		border:solid 0px black;
		margin:20px auto 5% auto;
		width:100%;
		font-size:7vw;
		font-family: caramelmochachino;
		/*background: url(../images/bg1.jpg);*/
		/*background-color:#FFFFFF;*/
		padding:10px;
		/*color:#cd5c5c;*/
		color:#FFFFFF;
		border-collapse: collapse;
	}

	#menu-body table td {
		border:solid 0px black;
		padding:.5% 0;
		width:25%;
		text-align:center;
		margin:0;
	}

	#flavors {
		font-family:caramelmochachino;
		font-size:30px;
		background-image: url("../images//brush/whitebrush1.png");
		background-size:280%;
		background-repeat: no-repeat;
		background-position:30% 75%;
		border:solid 0px black;
		color:#cd5c5c;
		vertical-align: middle;
		text-align: center;
		width:100%;
		padding-top:0px;
		padding-bottom: 50px;
		margin-bottom:100px;
		border:solid 0px black;
	}

	#flavors h1 {
		font-family:Nesting;
		font-size:7vw;
		background-image: url("../images//brush/whitebrush1.png");
		background-size:100%;
		background-repeat: no-repeat;
		background-position:left;
		border:solid 0px black;
		display:block;
		color:#cd5c5c;
		text-align: center;
		padding: 5px 0;
		margin-bottom:50px;
	}

	#flavors h2 {
		background-image: url("../images/brush/1.png");
		background-size:50%;
		background-repeat: no-repeat;
		background-position: center	;
		color:#FFFFFF;
	}

	#flavors-bestseller {
		background-image: url("../images/brush/1.png");
		background-size:105%;
		background-repeat: no-repeat;
		background-position: center	;
		color:#FFFFFF;
	}

	#flavors table {
		border:solid 0px black;
		width:100%;
	}

	#flavors table td {
		border:solid 0px black;
	}


	#flavors table tr {
		border:solid 0px black;
		color:#cd5c5c;
		font-size:30px;	

	}

	#banana-split {
		font-family:Nesting;
		font-size:5vw;
		background-image: url("../images//brush/whitebrush1.png");
		background-size:110%;
		background-repeat: no-repeat;
		background-position:center;
		border:solid 0px black;
		color:#cd5c5c;
		vertical-align: middle;
		width:100%;
		text-align: center;
		padding-top:10px;
		padding-bottom:10px;
	}

	#banana-split h1 {
		font-family: caramelmochachino;
		font-size:5vw;
		display:inline-block;
		vertical-align: middle;
		margin:0;
		padding:0;
	}

	#banana-split-img {
		max-width:100%;
	}

	#cone-img {
		max-width:100%;
		margin: 0 0 5% 0;
	}


}

/* MOBILE 600px and down */ 
@media only screen and (max-width:600px) {
	body {
	    background-image:url("../images/bg1.JPG");
		background-repeat: no-repeat;
		background-position: center;
		background-size:cover;
		border:solid 0px black;
		margin:0;
		padding:0;
  	}

	#banner img {
		width:100%;
	}

	#social-container-facebook {
		border:solid 0px black;
		top:15%;
		right:0;
		margin:0 -4.5% 0 0;
		background-image: url("../images//brush/whitebrush2.png");
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-repeat: no-repeat;
		background-position: left;
		background-position-x: left;
		background-position-y: top;
		border-radius: 15%;
		height:5%;
		width:15%;
		position:fixed;
		padding:3.5% .5% 1% 1.5%;
	}

	#social-container-facebook h1, #social-container-instagram h1 {
		display:none;
	}

	#social-container-instagram {
		border:solid 0px black;
		top:23%;
		right:0;
		margin:0 -6% 0 0;
		background-image: url("../images//brush/whitebrush2.png");
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-repeat: no-repeat;
		background-position: left;
		background-position-x: left;
		background-position-y: top;
		border-radius: 15%;
		padding:3.5% 1% 1% 2%;
		height:5%;
		width:15%;
		position:fixed;
	}

	#social-container-facebook img, #social-container-instagram img {
		border:solid 0px black;
		height:100%;
	}


	#logo {
		margin: -40px 0;
		text-align: center;
	}

	#logo img {
		height:20%;
		width:auto;
		border:solid 0px black;
	}

	#main {
		border:solid 0px black;
		height: 100%;
	}

	#menu-body {
		border:solid 0px red;
		width: 390px;
		margin: auto auto;
	}

	#menu-body img {
		margin:  0 auto;

		width:390px;
		}

	#blue-background {
		background-image: url("../images//brush/bluebrush4.png");
		background-size:150%;
		width:40%;
		text-align:center;
		background-repeat: no-repeat;
		display:inline-block;
		color:#FFFFFF;
		border:solid 0px black;
		font-size:8vw;
		padding-left:0%;
		font-family: Firstfont;
	}

	#pink-background {
		background-image: url("../images//brush/pinkbrush1.png");
		background-size:120%;
		width:40%;
		text-align: center;
		background-repeat: no-repeat;
		display:inline-block;
		background-position: left;
		background-position-x: left;
		background-position-y: center;
		color:#FFFFFF;
		border:solid 0px black;
		font-size:8vw;
		padding-left:0%;
		padding-top:.5%;
		font-family: Firstfont;
		margin:0 0 0 0;
	}

	#menu-body-table-header {
		font-family: caramelmochachino;
		font-size:10vw;
		border:solid 0px black;
		background-size:100%;
		background-repeat: no-repeat;
		background-position:left;
		color:#FFFFFF;
		text-align: right;
		/*3 columns
		background-size:33.5%;
		background-position:center;
		*/
	}


	#menu-body table {
		border:solid 0px black;
		margin:20px auto 5% auto;
		width:100%;
		font-size:8vw;
		font-family: caramelmochachino;
		/*background: url(../images/bg1.jpg);*/
		/*background-color:#FFFFFF;*/
		padding:10px;
		/*color:#cd5c5c;*/
		color:#FFFFFF;
		border-collapse: collapse;
	}

	#menu-body table td {
		border:solid 0px black;
		padding:.5% 0;
		width:25%;
		text-align:center;
		margin:0;
	}

	#flavors {
		font-family:caramelmochachino;
		font-size:20px;
		background-image: url("../images//brush/whitebrush1.png");
		background-size:280%;
		background-repeat: no-repeat;
		background-position:30% 75%;
		border:solid 0px black;
		color:#cd5c5c;
		vertical-align: middle;
		text-align: center;
		width:100%;
		padding-top:0px;
		padding-bottom: 50px;
		margin-bottom:100px;
		border:solid 0px black;
	}

	#flavors h1 {
		font-family:Nesting;
		font-size:7vw;
		background-image: url("../images//brush/whitebrush1.png");
		background-size:100%;
		background-repeat: no-repeat;
		background-position:left;
		border:solid 0px black;
		display:block;
		color:#cd5c5c;
		text-align: center;
		padding: 5px 0;
		margin-bottom:50px;
	}

	#flavors h2 {
		background-image: url("../images/brush/1.png");
		background-size:50%;
		background-repeat: no-repeat;
		background-position: center	;
		color:#FFFFFF;
		margin-top:-40px;
	}

	#flavors-bestseller {
		background-image: url("../images/brush/1.png");
		background-size:105%;
		background-repeat: no-repeat;
		background-position: center	;
		color:#FFFFFF;
	}

	#flavors table {
		border:solid 0px black;
		width:100%;
	}

	#flavors table td {
		border:solid 0px black;
	}


	#flavors table tr {
		border:solid 0px black;
		color:#cd5c5c;
		font-size:17px;	

	}

	#flavors img {
		height:0;
	}


	#banana-split {
		font-family:Nesting;
		font-size:8vw;
		background-image: url("../images//brush/whitebrush1.png");
		background-size:100%;
		background-repeat: no-repeat;
		background-position:left;
		border:solid 0px black;
		color:#cd5c5c;
		display:table-cell;
		vertical-align: middle;
		width:10%;
		text-align: center;
	}

	#banana-split h1 {
		font-family: caramelmochachino;
		font-size:5vw;
		display:inline-block;
		vertical-align: middle;
		margin:0;
		padding:0;
	}

	#banana-split-img {
		max-width:100%;
		margin:0 0 0 0;
	}

	#cone-img {
		max-width:100%;
		margin: 0 0 5% 0;
	}

}