@media only screen and (min-width: 991px) and (max-width: 1080px) {
	
.container_sushi{margin-left:auto;margin-right:auto;width:820px; }
.container-ribbon{
	background-image: url(images/ribbon2.png);
	margin-left:auto;margin-right:auto;width:980px; 
	background-color: #121212;
	background-position:left top;
	height: 60px;
	}	
	

#homestuff{
float:right; width: 320px; padding-top: 20px;
}

.homebox
{ width: 300px;}

#about {width: auto;}

#waves {display: none}



}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
		width: 100%;
		padding: 0;
	}
	
.container_sushi{margin-left:auto;margin-right:auto;width:90%; }
.container-ribbon{
	background-image: none;
	margin-left:auto;margin-right:auto;
	background-color:#990000;
	width:90%;
	background-position:left top;
	height: 60px;
	}
	
.homebox
{ width: 290px;}

#homestuff {float: none}

#about {width: auto;}

#waves {display: none}

/*.container_main
 {
  background-color: #ffc;
  }*/

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		width: 100%;
		padding: 0;
	}
	
	img {max-width: 90%;}
.container_sushi{margin-left:none;margin-right:none;width:98%;  }
.container-ribbon{
	background-image: none;
	margin-left:none;margin-right:none;width:100%; 
	background-color:#990000;
	background-position:left top;
	height: 60px;
	}
.container_main
 {
  background-color: #fff;
  margin-bottom: 20px;
  border: 1px solid #333;
}

#about {width: auto;}

#homestuff{
float:none; padding: 20px;
}

ul#navlist, .sf-menu
{
margin-left: 0px;
}

#navlist a, .sf-menu { padding: 3px 15px; }

ul.mobile-menu
{
margin-left: 0px;
padding-left: 0px;
padding-top: 12px;
white-space:normal;
}

ul.mobile-menu li{
display: inline;
list-style-type: none;
}

ul.mobile-menu li a{ padding: 10px 5px;  }

ul.mobile-menu li a:link, ul.mobile-menu a:visited
{
color: #fff;
background-color: none;
text-decoration: none;
}

ul.mobile-menu li a:hover
{
color: #fff;
text-decoration: underline;
}

.sf-menu {display: none}
.mobile-menu {display: block;}

#waves {display: none}
/*
.container_main
 {
  background-color:#FFCCFF; 
  }pink*/
}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 479px) {
	
	body {
		width: 100%;
		padding: 0;
	}
.post img {width: 80%; height: 80%;}
.container_sushi{margin-left:none;margin-right:none;width:98%; }
.container-ribbon{
	background-image: none;
	margin-left:none;margin-right:none;width:98%; 
	background-color:#990000;
	background-position:left top;
	height: 60px;
	}
	
.container_main
 {
  background-color: #fff;
  margin-bottom: 20px;
  border: 1px solid #333;
}

#about {width: auto;}

#waves {display: none}

ul.mobile-menu
{
margin-left: 0px;
padding-left: 0px;
padding-top: 12px;
white-space:normal;
}

ul.mobile-menu li{
display: inline;
list-style-type: none;
}

ul.mobile-menu li a{ padding: 10px 2px;  }

ul.mobile-menu li a:link, ul.mobile-menu a:visited
{
color: #fff;
background-color: none;
text-decoration: none;
}

ul.mobile-menu li a:hover
{
color: #fff;
text-decoration: underline;
}

.sf-menu {display: none}
.mobile-menu {display: block;}

.mobile {padding-left: 5px; font-size: 18px; display:inline; }

.mobile a {text-decoration:none; color: #FF0000}
.mobile a:hover {color: #990000}

#homestuff{
float:none; width: 90%; padding-top: 20px;
}

.homebox
{ width: 90%;
float:none;
}

#about {height: auto;}

.left-menu, .right-menu {float: none; width: 100%;}

.specleft {float:none; width: 100%; margin-bottom: 10px;}
.specright {float:none; width: 100%; margin-bottom: 10px;}

/*
.container_main
 {
  background-color:#99CCFF; 
  }
	blue*/
}