/** * reset (https://meyerweb.com/eric/tools/css/reset/) * https://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1.25;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}


/* GLOBAL -------------------------------------------------------------------------------------*/

body {
	background-color: #FFFFFF;
	color: #160D07;
	font-family: 'RocknRoll One', sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	padding: 0px;
	line-height: 1.25em;


}

	
/* For devices 400px and larger: ---------------------------------------------------------------*/
@media only screen and (min-device-width: 500px) 
{

body {
	background-color: #FFFFFF;
	font-family: 'RocknRoll One', sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	padding: 0px;
	line-height: 2em;
    }
}


.hugestandardfont {font-family: 'RocknRoll One', sans-serif;
  	font-size:4em;
  	line-height:2em;
	padding: 30px;	
	letter-spacing:.075em;
}

.fun-font {
 	font-family: 'Oleo Script', cursive;
  	font-size:4em;
  	line-height:2em;
	padding: 30px;	
    color:#ea2131
	}
  
.fun-font-black {
	font-family: 'Oleo Script', cursive ;
 	font-size:4em;
  	line-height:2em;
	padding: 30px;	
 	 color:black;
	 }
  
.fun-font-white-with-shadow {
  	font-family: 'Oleo Script', cursive ;
	font-size:4em;
	line-height:2em;
	padding: 30px;
	color: white;	
  text-shadow: 1px 1px 2px #000000;
  }


.fun-font-white-with-shadow-center {
  	font-family: 'Oleo Script', cursive ;
	font-size:4em;
	padding: 30px;
	line-height:2em;	
	color: white;
    text-shadow: 1px 1px 2px #000000;
	text-align: center; }
  
  
.fun-font-red-with-shadow {
  font-family: 'Oleo Script', cursive ;
  font-size:4em;
  line-height:2em;
  padding: 30px;
  color: #ea2131;	
    text-shadow: 1px 1px 2px #000000;
	}
	
 
.fun-font-red-with-shadow3 {font-family: 'Oleo Script', cursive ;
  font-family: 'Oleo Script', cursive ;
  font-size:3em;
  line-height:2em;
  padding: 30px;
  color: #ea2131;	
  text-shadow: 1px 1px 2px #000000;
  }

.fun-font-red-with-shadow2 {
	font-family: 'Oleo Script', cursive;
	font-size:2em;
	padding: 10px;
	line-height:1.5em;
	color: #ea2131;
    text-shadow: 1px 1px 2px #000000;
  }	
	
  .fun-fontLobster-red-with-shadow3 {font-family: 'Lobster', cursive ;
    font-size:3em;
	padding: 30px;
	line-height:2em;	letter-spacing:.075em;
    color: #ea2131;
    text-shadow: 1px 1px 2px #000000;
	}
	
  .fun-fontLobster-white-with-shadow3 {font-family: 'Lobster', cursive ;
    font-size:3em;
	padding: 30px;
	line-height:2em;	letter-spacing:.075em;
			color: white;
    text-shadow: 1px 1px 2px #000000;
	}
	
  .fun-fontLobster-red3 {font-family: 'Lobster', cursive ;
    font-size:3em;
	padding: 30px;
	line-height:2em;	
    color: #ea2131;
	}


  .fun-fontLobster-black3 {font-family: 'Lobster', cursive ;
    font-size:3em;
	padding: 30px;
	line-height:2em;	
}

  .fun-fontBebas-red2 {font-family: 'Bebas Neue', cursive;
	font-size:2em;
	line-height:1.25;
	color:red;
  }
  
    .fun-fontBebas-black2 {font-family: 'Bebas Neue', cursive;
	font-size:2em;
	line-height:1.25;
  }


  .fun-fontBebas-red3 {font-family: 'Bebas Neue', cursive;
	font-size:3em;
	line-height:1.25;
	color:red;
  }
  
    .fun-fontBebas-black3 {font-family: 'Bebas Neue', cursive;
	font-size:3em;
	line-height:1.25;
  }


.text-center   {
	text-align: center;
	}
	
.slidercenter {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.footer-all-center {
	display: inline-block;
	width: 99%;
	margin: 0 auto;
	text-align: center;
	}
	


.narrow-all-center {
	display: block;
	width: 50%;
	margin: 0 auto;
	text-align: center;
}

.all-center {
	display: block;
	width: 99%;
	margin: 0 auto;
	text-align: center;
}

.all-centertext {
	margin: 0 auto;
	text-align: center;
}

.text-right {
	text-align:right;}
	
.img-rounded3 {
	border-radius: 15px 50px;
	max-width: 100%;}

.img-rounded3left {
	border-radius: 15px 50px;
	float:left;
	margin:20px;
	max-width: 100%;}

.img-rounded3right {
	border-radius: 15px 50px;
	float:right;
	margin:20px;
	max-width: 100%;}
	
	.img-rounded-center {
	border-radius: 30%;
	margin: 0 auto;
	max-width: 100%;}
	
.img-rounded {border-radius: 30%;
	margin:20px;
	max-width: 100%;}


.repeatbackgroundredwhite {
	width: 100%;
	text-align: center;
	max-width: 100%;
	background-image: 
    repeating-linear-gradient(
      135deg,
      #FFF,
      #FFF 5px,
      red 5px,
      red 10px /* determines size */
    );

}

.repeatbackgroundgreyandgrey {
	width: 100%;
	max-width: 100%;
    padding: 20px;
	text-align: left;
	background-image: 
    repeating-linear-gradient(
      135deg,
      #e0e0e0,
      #e0e0e0 5px,
      #e8e8e8 5px,
      #e8e8e8 10px /* determines size */
    );
}

.repeatbackgroundyellow {
	width: 100%;
	max-width: 100%;
	text-align:left;
    padding: 15px;
	background-image: 
    repeating-linear-gradient(
      135deg,
      #fef200,
      #fef200 5px,
      #f7ef4a 5px,
      #f7ef4a 10px /* determines size */
    );
}

.taglineyellow {
	width: 100%;
	max-width: 100%;
	text-align:center;
    padding: 15px;
	background-image: 
    repeating-linear-gradient(
      135deg,
      #fef200,
      #fef200 5px,
      #f7ef4a 5px,
      #f7ef4a 10px /* determines size */
    );
}

.gradientyellow {
  height: auto;
  background-color: #fef200; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #fef200, white);
  padding: 15px;
}
.repeatbackground {
	text-align: center;
	background-image: 
    repeating-linear-gradient(
      135deg,
      #ed1b25,
      #ed1b25 5px,
      red 5px,
      red 10px /* determines size */
    );
	line-height: 2em;
	margin-top: 2em; 
}

/* end added for luckys */


.bodybox {
	width: 85%;
	margin: 0 auto;
	border-style: solid dashed;
	border-color: #dbdbdb;
}

.rightalignheadline {
	margin-top: 0em;
	margin-right: 1.5em;
	margin-bottom: 0em;
	margin-left: 1em;
	text-align:right;

}
	
.transparentbox {
	width: auto;
	margin: 0px;
	padding-top: 15px;
	padding-right: 50px;
	padding-bottom: 15px;
	padding-left: 50px;
	background-color: rgba(167, 255, 21, 0.65);

}

.transparentboxnocolor {
    width: 100%;
    padding: 30px;
	margin: 0 0 25px 0;
}


/* xxxxxxxxxxxxxxxxxxCreate two equal columns that floats next to each other */

* {
  box-sizing: border-box;
}

.column {
	float: left;
	width: 50%;
	padding-top: 15px;
	padding-right:  4px;
	padding-left: 20px;
	padding-bottom: 4px;
}



/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.footerdiv {
	background-color: #363636;
	padding: 25px;
	margin: 0;

	width: auto;
    }

a:link {
	color: red;
}
a:visited {
	color: red;
}
a:hover {
	color: red;
}
a:active {
	color: red;
}

/* START NAVIGATION */ 

#menu,
#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;

}

#menu {
  width: 99%;
  margin: auto;
  border: 1px solid #363636;
  background: #000000;
  background: linear-gradient(#000000, #363636);
  border-radius: 6px;
  box-shadow: 0 2px 2px #ccc;
  line-height: .55em;
}

#menu:before,
#menu:after {
  content: "";
  display: block;
}

#menu:after { clear: both; }

#menu li {
  float: left;
  position: relative;

}
#menudiv {
    margin: auto;
    width: 100%;
	display: block;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}

#menu a {
	float: left;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font: bold;
	font-family: 'RocknRoll One', sans-serif;
	font-size: 1em;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
}

#menu ul {
  margin: 20px 0 0 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 1;
  background: linear-gradient(#000000, #363636);
  box-shadow: 0 -1px 0 rgba(255,255,255,.3);
  border-radius: 3px;
  transition: all .2s ease-in-out;
}

#menu li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}

#menu ul ul {
  top: 0;
  left: 150px;
  margin: 0 0 0 20px;
  box-shadow: 0 -1px 0 rgba(255,255,255,.3);
}

#menu ul a {
  padding: 10px;
  width: 300px;
  display: block;
  white-space: nowrap;
  float: none;
  text-transform: none;
}

#menu ul a:hover { background: linear-gradient(#000000, #363636); }

#menu ul li:first-child > a:after {
  content: '';
  position: absolute;
  left: 40px;
  top: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #996633;
}

#menu ul ul li:first-child > a:after {
  left: -6px;
  top: 50%;
  margin-top: -6px;
  border-left: 0;
  border-top: 6px solid transparent;
  border-right: 6px solid #363636;
  border-bottom: 6px solid transparent;
}


#menu-trigger { /* Hide Initially */ display: none; }
 @media(max-width: 800px) {

#menu-wrap { position: relative; }

#menu-wrap * { box-sizing: border-box; }

#menu-trigger {
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 0 0 35px;
  border: 1px solid #363636;
  color: #fff;
  font-weight: bold;
  background-color: #111;
  background: no-repeat 10px center, linear-gradient(#000000, #363636);
  border-radius: 6px;
  text-align: center;
}

#menu {
  margin: 0;
  padding: 10px;
  position: absolute;
    line-height: 1.5em;
  top: 40px;
  width: 100%;
  z-index: 1;
  display: none;
  box-shadow: none;
}

#menu:after {
  content: '';
  position: absolute;
  left: 25px;
  top: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #363636;
}

#menu ul {
  position: static;
  visibility: visible;
  opacity: 1;
  margin: 0;
  background: none;
  box-shadow: none;
}

#menu ul ul {
  margin: 0 0 0 20px;
  box-shadow: none;
}

#menu li {
  position: static;
  display: block;
  float: none;
  border: 0;
  margin: 5px;
  box-shadow: none;
  background: none !important;
}

#menu ul li {
  margin-left: 20px;
  box-shadow: none;
}

#menu a {
  display: block;
  float: none;
  padding: 0;
  color: #fff;
}

#menu a:hover { color: #fafafa; }

#menu ul a {
  padding: 0;
  width: auto;
}

#menu ul a { background: none !important; }
}


  
h1 {

  display: block;
  font-size: 1.75em;
  margin: 0;
  font-weight: bold;
  line-height: 1.5em;
}

h2 {
  display: block;
  font-size: 1.3em;
  margin: 0;
  font-weight: bold;
}

h3 {
  display: block;
  font-size: 1.17em;
  margin: 0;
  font-weight: bold;
}

h4 {
  display: block;
  font-size: 1em;
  margin: 0;
  font-weight: bold;
}

h5 {
  display: block;
  font-size: 1em;
  margin: 0;
  font-weight: bold;
}

.hidden
{display:none;}

p.italic {
    font-style: italic;
}


.bold {
    font-weight: bold;
}

.center {
	text-align: center;
}

/* FORM STUFF */

input, textarea, select, button {
	background-color : #f7ef4a;
	color: #000000;
  font-family: inherit;
  font-size: 100%;
	}
	
.button1 {
  background-color: #f7ef4a;
  color: #red;
  font-family: inherit;
  font-size: 100%;
  border: 4px solid #000000;
  border-style:dashed;
padding: 15px;
}

.form-group {
	margin: 10px;
	max-width:90%
}

.contact-comments .form-control {
    height: 40px; 
    border-radius: 0;
	padding: 10px 30px 10px 30px;
	background-color : #f7ef4a;
	color: #000000;
	font-family: 'RocknRoll One', sans-serif;
	font-size: 1em;
}
.col-md-10 {
    padding-right: 10px; 
    padding-left: 10px;
	
}

.form-control {
   	border: 1px solid #000000;
    border-radius: 3px; 
    box-shadow: none;
	background-color : #f7ef4a;
	color: #000000;
	font-family: 'RocknRoll One', sans-serif;
	font-size: 1em;
	}

.form-control:focus {
    border-color: #222;
    box-shadow: none;
	background-color : #f7ef4a;
	color: #000000;
	font-family: 'RocknRoll One', sans-serif;
	font-size: 1em;
}

.contact-comments .cmnt-text {
    height: 95px;
	width: 90%;
		background-color : #f7ef4a;
	color: #000000;
	font-family: 'RocknRoll One', sans-serif;
	font-size: 1em;
}

.contact-comments label {
    text-transform: uppercase;
    color: #7e7e7e; 
    font-weight: normal;
	background-color : #f7ef4a;
	color: #000000;
	font-family: 'RocknRoll One', sans-serif;
	font-size: 1em;
}

/* ------------- END FORM STUFF */


.padcenter {

	margin: auto;
	display: block;
	max-width: 100%;
			height: auto;
}
.padfloatleft {
	float:left;
	display:inline-block;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
	margin-left: 0px;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
} 
.padfloatright {

	margin: 25px 5px 25px 25px;
	float:right;
	display:inline-block;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
}
.padfloatleftwithmarginall {

	margin: 25px;
	float:left;
	display:inline-block;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
}

.navfloatleft {
	float:left;
	display:inline-block;
}

.navfloatright {
	float:right;
	display:inline-block;
}

.pad {

	margin: 25px;
	max-width: 100%;
    height: auto;
	}


.itemName {
/* precision cart */
	font-family: 'Cherry Cream Soda', Verdana, Geneva, sans-serif;
	font-size: 1.10em;
	color:#160D07;
	letter-spacing:2px;
	text-align:left;
	line-height:65px;
	text-shadow:
	 1px 1px 0 #CCC,
	 2px 2px 0 #CCC,
	 3px 3px 0 #A7E115,
 /*	 4px 4px 0 #A7E115,
	 5px 5px 0 #A7E115,*/

	 /* The Blur - optional */ 5px 5px 15px #999;
	padding: 0px;
	text-transform: uppercase;

}

.salePrice, .salePriceValue {
/* precision cart */
	font-family: 'Cherry Cream Soda', Verdana, Geneva, sans-serif;
	font-size: 1.10em;
	color:#160D07;
	letter-spacing:2px;
	text-align:left;
	line-height:65px;
	text-shadow:
	 1px 1px 0 #CCC,
	 2px 2px 0 #CCC,
	 3px 3px 0 #A7E115,
 /*	 4px 4px 0 #A7E115,
	 5px 5px 0 #A7E115,*/

	 /* The Blur - optional */ 5px 5px 15px #999;
	padding: 0px;
	text-transform: uppercase;

}



figcaption strong
{
        border-bottom: 1px solid #D6D0C1;
        padding-bottom:10px;
        margin: 10px 0;
        display:inline;
}

figcaption
{
	line-height: 25px;
	font-size: 1em /* 14px/16=0.875em */;
	width:275px;
}


.divider {
	height: 1px;
	color: #e5e5e5;
	border: none;
	border-bottom: solid 1px #fff;
}

img {
    max-width: 100%;
    height: auto;
}

.imgoutline {
    max-width: 100%;
    height: auto;
	border:2px solid #999;
	margin: 25px;
}


/* FOUR COLUMNS */

.one_column_leftalign
{
	clear:both;
	width:auto;
	max-width:100%;
	/* 	        max-width:1050px;*/
        margin:0 auto;

}


.four_columns, #text_columns, .one_column
{
	clear:both;
	width:auto;
	max-width:100%;
	/* 	        max-width:1050px;*/
        margin:0 auto;
	text-align: center;
}

.four_columns_stores
{
	width:100%;
	max-width:100%;
	/* 	        max-width:1050px;*/
	text-align: center;
}

.four_columns_stores .img-item
{
	width: 300px;
	height: auto;
	display: inline-block;
	margin: 8px;
	padding: 10px;

}

.four_columns .img-item
{
	float:left;
	margin-right:45px;
	margin-bottom:25px;
	display:inline;
	width:300px;
	height:auto;
}


.four_columns .img-item a
{
        position:relative;
        display:inline;

}

#footer-link a {
	color:#FFFFFF;

}


/*#footer-link {
	a:link color:#FFFFFF;
	a:visited  color:#FFFFFF;
	a:a:active, footer a:focus color:#FFFFFF;	*/

}

/* FOOTER COLUMNS */

.footer_columns
{
        line-height:1.25em;
	    font-family: 'RocknRoll One', sans-serif;
        clear:both;
        margin: auto;
		display: block;
    margin: auto;
    width: 650px;

}


.footer_columns .img-item
{

	margin-right:25px;
	margin-bottom:25px;
	display:inline;
	width:300px;
	height: 350px;
	float: left;
}


.footer_columns .img-item a
{
        position:relative;
        display:inline;

}


/* FOOTER ---------------------------------------------------------------

footer
{
	position:relative;
	clear:both;
	height:200px;
	background-color: #28539C;
     background-image: url('/i/used to be footer.png');
    background-size: 100% 200px;
} */



footer .wrapper
{
        line-height: 1.25em;
        margin: 0 auto;
        padding-top:30px;
        width:auto;
        max-width:900px;
        font-size: 1em;
}

footer .wrapper .column
{
	    font-family: 'RocknRoll One', sans-serif;
        color:#ababab;
        float:left;
        width:280px;
        margin-right:20px;
}

footer .wrapper .column.midlist ul li
{
        display:block;
        width:auto;
        padding:0 0 10px 25px;
        margin-bottom:10px;
        border-bottom: 1px solid #444444;
        background:url(img/arrowright2.png) left 6px no-repeat;
}
footer .wrapper .column.midlist ul li a
{        color:#FFF;
}

footer .wrapper .column.midlist ul li a:hover
{
        color:#FF0;
		font-weight:bold;
}

footer .wrapper .column.rightlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
}

footer .wrapper .column.rightlist ul li a span
{
        margin-left:95px;
        display:block;
}
footer .wrapper .column.rightlist ul li a
{       color:#FFF;
}

footer .wrapper .column.rightlist ul li a:hover
{       color:#FF0;
		font-weight:bold;
}

footer .wrapper .column.rightlist ul li a img
{
        transition: border .25s ease;
        float:left;
        border:3px solid #444444;
}

footer .wrapper .column.rightlist ul li a img:hover
{
        border-color: #5e5e5e;
}

footer .wrapper .column h4
{
	font-size: 16px;
	color: #ABABAB;
	border-bottom: 1px solid #444444;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}


/* SKIPLINK ---------------------------------------------------------------*/
.go-top
{
        position: fixed;
        bottom: 2em;
        right: 2em;
        text-decoration: none;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 12px;
        padding: 1em;
        display: none;
}

.go-top:hover
{
        background-color: rgba(0, 0, 0, 0.6);
}

/* MISC *---------------------------------------------------------------*/



.greytext {
	font-family: 'RocknRoll One', sans-serif;
	color: #666;
	font-size: 10px;
}

.smallgrey {
	font-size: .85em;
	font-family: 'RocknRoll One', sans-serif;
	padding: 8px;
	color: #666;
	width:auto;
	clear: both;
}
.smallwhite {
	font-size: .95em;
	font-family: 'RocknRoll One', sans-serif;
	font-weight:bold;
	padding: 8px;
	color: #FFFFFF;
	width:auto;
	clear: both;
}

.small {
	font-size: .85em;
	font-family: 'RocknRoll One', sans-serif;
	padding: 8px;
	color: #000;
	width:auto;
	clear: both;
}
.clear
{
        clear:both;
}




/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT ---------------------------------------------------------------*/

@media (max-width: 900px)
{


	.fun-font-white-with-shadow {
				/*font-family: 'Bangers', cursive ;*/
  font-family: 'Oleo Script', cursive ;
  font-size:2em;
  color: white;
  padding: 10px;
  	line-height:1.5em;
	letter-spacing:.075em;
  text-shadow: 2px 2px 4px #000000;
  }
  
    .fun-font {
   		/*font-family: 'Bangers', cursive ;*/
  font-family: 'Oleo Script', cursive ;
	font-size:2em;
	padding: 10px;
	line-height:1.5em;	
	letter-spacing:.075em;
	color:#ea2131;
	text-align: center;
}

    .fun-font-black {
   		/*font-family: 'Bangers', cursive ;*/
  font-family: 'Oleo Script', cursive ;
	font-size:2em;
	padding: 10px;
	line-height:1.5em;	
	letter-spacing:.075em;
	color:black;
	text-align: center;
}

  .fun-fontBebas-red3 {font-family: 'Bebas Neue', cursive;
	font-size:2em;
	line-height:1.25;
	color:red;
  }
  
   .fun-fontBebas-black3 {font-family: 'Bebas Neue', cursive;
	font-size:2em;
	line-height:1.25;
  }
  
  .fun-font-white-with-shadow-center {
   font-family: 'Oleo Script', cursive ;
	font-size:2em;
	padding: 10px;
	line-height:1.5em;	
	letter-spacing:.075em;
	color: white;
	text-shadow: 1px 1px 2px #000000;
	text-align: center;
}

        .four_columns, .four_columns_stores, .footer_columns, .one_column
        {
	width: auto;
margin-bottom: 8px;
        }
		

        .four_columns .img-item:nth-of-type(3), .four_columns .img-item:nth-of-type(4)
        {
                margin-top: 8px;
		
        }
				
	  .four_columns_stores .img-item:nth-of-type(3), .four_columns_stores .img-item:nth-of-type(4)
        {
                margin-top: 8px;
		
        }

        #text_columns article.column1, #text_columns .column2
        {
	float:none;
	max-width: 400px;
	padding-top: 0px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-right: 55px;
	padding-left: 0px;
        }
  
        .column2 .row
        {
	float:none;
	max-width:100%;
        }
        footer .wrapper .column
        {
                font-size: 1.0 em;
                width: 230px;
        }

}
@media (max-width: 805px)
{
	
	.img-rounded3 {
	border-radius: 15px 50px;
	margin:20px;
	max-width: 95%;}
		
.img-rounded3left {
	border-radius: 15px 50px;
	margin:20px;
	max-width: 95%;}

.img-rounded3right {
	border-radius: 15px 50px;
	margin:20px;
		max-width: 95%;}
   
   .img-rounded {border-radius: 30%;
	margin:20px;
	max-width: 95%;}

   h1 {
	font-size: 1.3em;
	font-style: normal;

}

}
@media (max-width: 765px)
{
	


        .container
        {
                height:1px;
                top: -1500px;
        }
		
   		#footerdiv { 
      display:none;
   }
   
        header
        {
                height:120px;
        }
        header nav
        {
                right: auto;
                bottom: auto;
                left: 50%;
                top:100px;
                margin-left: -184px;
        }
   
        footer
        {
                padding-bottom:10px;
                height: auto;
        }
        footer .wrapper
        {
                width: 350px;
                margin: 0 auto;
        }
        footer .wrapper .column
        {
                margin-top:30px;
                float:none;
                font-size: 1em;
                width: auto;
        }
		
		.narrow-all-center {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
}

@media (max-width: 725px)
{  

   
   		#footerdiv { 
      display:none;
   }
   		.photo-album { 
      display:none;
   }
        header
        {
            margin-top: 80px;
            text-align: center;
        }        
     
        .four_columns, .four_columns_stores, .footer_columns, .one_column
        {
                width:auto;
				max-width:100%;

        }
		
		.column {
				float: left;
				width: 50%;
				padding: 30px;
}
     
  		
		.four_columns .img-item
        {
				width: 300px;
                float:none;
                margin: 8px auto 8px auto;

        }  
		
		.four_columns_stores .img-item
        {
				width: 300px;
                float:none;
                margin: 8px auto 8px auto;

        }
  
		 .box
        {
                height:auto;
                width:auto;
        }

        footer .wrapper
        {
                width:auto;
        }
        footer .wrapper .column
        {
                margin: 0 auto 15px auto;
                max-width:300px;
        }

        #mobileMenu
        {
                display: block;
                z-index: 99;
        }
        .toggleMobile
        {
                position: fixed;
                top: 10px;
                left: 10px;
                display: block;
                width: 40px;
                height: 36px;
                cursor: pointer;
                z-index: 999;
        }
        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
        {
                display: block;
                position: absolute;
                width: 40px;
                height: 8px;
                left: 0;
                background: #EDA28C;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile span.menu1
        {
                top: 0;
        }
        .toggleMobile span.menu2
        {
                top: 14px;
        }
        .toggleMobile span.menu3
        {
                top: 28px;
        }
        .toggleMobile.active span.menu1
        {
                top: 14px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        header nav
        {
                display:none;
        }
		
		.fun-font-white-with-shadow {
					/*font-family: 'Bangers', cursive ;*/
  		font-family: 'Oleo Script', cursive ;
 		font-size:2em;
 		color: white;
 	  line-height:2em;	letter-spacing:.075em;
		 padding: 10px;
		 text-shadow: 2px 2px 4px #000000;}
}

@media all and (max-width: 655px)
{   

.bodybox {
	width: 93%;
	margin: 0 auto;
	border-style: solid dashed;
	border-color: #dbdbdb;
}

h1 {

  display: block;
  font-size: 1.5em;
  margin: 0;
  font-weight: bold;
}

h2, h3, h4, h5 {
  display: block;
  font-size: 1em;
  margin: 0;
  font-weight: bold;
}



  .column {
    width: 100%;
	max-width:100%;
	margin: 30px;
  }


   		#footerdiv { 
      display:none;
   }

   	body {font-size: 1.15em;
	line-height: 1.25em;
	
	}
	

		}
/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}

.red {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	font-style: oblique;
	line-height: normal;
	color: #F00;
	font-weight: bold;
}
.re {
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
	color: #F00;
	font-size: 1.35em;
	font-family: 'Cherry Cream Soda', Verdana, Geneva, sans-serif;


}

.film-container {
  width: 100%;
  text-align: center;
  clear: both;
}

.film-frame {
  position: relative;

  width: 100%;
  max-width: 420px;

  aspect-ratio: 1 / 1;

  margin: 0 auto;

  background: #000;

  padding: 8% 4%;
  box-sizing: border-box;

  overflow: hidden;

  border-radius: 8px;

  display: block;

  box-shadow:
    0 10px 25px rgba(0,0,0,0.35),
    inset 0 0 0 2px rgba(255,255,255,0.04);
}

/* image */
.film-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
max-width: 100%;
  border-radius: 2px;
}

/* sprocket holes */
.film-frame::before,
.film-frame::after {
  content: "";
  position: absolute;

  left: 0;
  width: 100%;
  height: 5%;

  background-image: repeating-linear-gradient(
    to right,
    transparent 0%,
    transparent 3%,
    white 3%,
    white 8%
  );
}

.film-frame::before {
  top: 1.5%;
}

.film-frame::after {
  bottom: 1.5%;
}