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

/*
[mv_include id='261']
[form form-1]
/%postname%
*/

/* controls menu bar */
/*.menu li {
	display: inline-block;
	position: relative;
	margin-right:10%;
}

#menu{
	background-color:#666666;
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
}

/*background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-tile.jpg");*/



a:link {color:  #000000;text-decoration: none;}
a:visited {color:  #000000;text-decoration: none;}
a:hover {color: #000000;text-decoration: none;}
a:active {color:  #000000;text-decoration: none;}



a.but:link {color: #ffffff;text-decoration: none;}
a.but:visited {text-decoration: none; color: #ffffff;}
a.but:hover {text-decoration: none;color: #ffffff;}
a.but:active {text-decoration: none;color: #ffffff;}

a.news:link {color: #000000;text-decoration: underline;}
a.news:visited {text-decoration: underline; color: #000000;}
a.news:hover {text-decoration: underline;color: #ff9900;}
a.news:active {text-decoration: underline;color: #ffffff;}

a.tm:link {color: #ffffff;text-decoration: none;}
a.tm:visited {text-decoration: none; color: #ffffff;}
a.tm:hover {text-decoration: none;color: #ffffff;}
a.tm:active {text-decoration: none;color: #ffffff;}

.tmfont1{
	font-family: 'Montserrat', sans-serif;
	letter-spacing:2px;
	text-transform:uppercase; }

.tmall{
	float:left;
	width:100%;
	text-align:center;
	font-size:10px;
	line-height:18px;
	margin-bottom:50px;
	margin-top:30px;
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	color:#ffffff;
	}
	
#clear{clear:both;}




body {
color:#000000;
  font-size:150%;
  line-height:150%;
  font-family: 'Lato', sans-serif;
  font-weight:300;
  background:#000000;
  
}

p {margin-bottom:5%;}
h1 {font-size:100%;font-weight:800;text-transform:uppercase;word-spacing:3px;}
#wrapper{}
#header{}
#footer{}

.topall{
	float:left;
	width:100%;
	height:600px;
	display:block;
	
	}
	
#pagecontainer{
	float:left;
	width:100%;
	margin-top:0px;
}

#pagecontainer1{
	float:left;
	width:100%;
	margin-top:0px;
	/*display:none;*/
}

#pagecontainer2{
	float:left;
	width:100%;
	margin-top:234px;
	/*display:none;*/

}

.div1a{	
	float:left;
	width:100%;
	margin-top:0px;
	opacity:0;
	filter:alpha(opacity=0);
	}
/*-------------oyster panel-----------*/

#oysterall{
	width:85%;
	max-width:1200px;
	margin: 0 auto;
	text-align:center;
	font-size:80%;
	margin-bottom:100px;
	padding-top:60px;
	padding-bottom:40px;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color:#ffffff;
	}
	
#oysterrow{
	float:left;
	width:100%;
	background-color:#ffffff;
	}
	
#oysterall p {margin-bottom:2%;}

#oysterall strong {font-weight:800;}

.oystertitle{
	width:100%;
	text-align:center;
	font-size:150%;
	font-weight:800;
	}
.oystersub{
	width:100%;
	text-align:center;
	font-size:80%;
	color:#666666;
	padding-bottom:20px;
	}

.amilall{
	float:left;
	width:100%;
	background-color:#ffffff;
	}
	
#amil img{
	float:left;
	width:4%;
	margin-right:48%;
	margin-left:48%;
	margin-bottom:100px;
	background-color:#ffffff;
	}
	
/*-------------navigation panel-----------*/


#headerall{
	float:left;
	position:fixed;
	z-index:10000;
	width:100%;

	display:block;
	

	/*background-color:#ffffff;*/
	}
	
#navcurve{
	float:left;
	width:100%;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-headercurve1.png");
	background-repeat: repeat-x;
	background-position: 0% 0%;
	height:20px;
	display:block;
	
	}
	
/*--------------------homepage--------------*/	

.parallax-window{
	
	float:left;
	width:100%;
	height:900px;
	background-color:transparent;
	}

.parallax-window1{
	
	float:left;
	width:100%;
	height:600px;
	background-color:transparent;
	}

#homephoto {
	float:left;
	position:relative;
	width:100%;
	height:100vh;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/home/p1.jpg");
	background-position: 50% 50%;
	background-size:cover;
	}
	
/*--this div will always maintain center position based on vertical height (vh)---*/
.centercolumn{
	font-size:50px;
	line-height:60px;
	font-weight:600;
	text-align:center;
	color:#ffffff;
	}

/*--this is the container div that creates the centered effect---*/
.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  
  /*--change the vh to change height of center effect--*/
  height: 100vh;
  overflow: hidden;
 
  background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/home/p1.jpg");
  background-size: cover;
  background-position: center center;
  position: relative;
  vertical-align: top;
}

	
#logo img{
	float:left;
	width:100%;
	margin-bottom:3%;
	}
	
#hometopall{
	width:70%;
	display:block;
	max-width:1200px;
	/*display:none;*/
	margin: 0 auto;
	margin-top:0px;
	}

.hometopall{
	width:70%;
	display:block;
	max-width:1200px;
	margin: 0 auto;
	margin-top:0px;
	}

.testme{
	float:left;
	width:300px;
	height:300px;
	background-color:#cccccc;
	}	
	
#logoall{
	width:90%;
	display:block;
	max-width:1200px;
	margin: 0 auto;
	}
	
.slogan{
	float:left;
	width:70%;
	margin-left:15%;
	margin-right:15%;
	text-align:center;
	color:#ffffff;
	font-weight:300;
	font-size:300%;
	line-height:110%;
	text-transform:uppercase;
	}
	
	
#slogancurve{
	float:left;
	width:100%;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-curve250.png");
	background-repeat: repeat-x;
	background-position: 50% 50%;
	height:15px;
	display:block;
	
	}


	
#homepanel1{
	float:left;
	width:100%;
	height:600px;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-hover1a.jpg");
	background-position: 50% 50%;
	background-size:cover;
	}
	
#homepanel2{
	float:left;
	width:100%;
	height:600px;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-hover2a.jpg");
	background-position: 50% 50%;
	background-size:cover;
	}
	
#homepanel3{
	float:left;
	width:100%;
	height:600px;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-hover3a.jpg");
	background-position: 50% 50%;
	background-size:cover;
	}
	
.hoversquare{
	float:left;
	width:100%;
	height:600px;
	/*background-color:#000000;*/
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-hover1b.jpg");
	background-position: 50% 50%;
	background-size:cover;
	/*opacity:0.6;*/
	
	}
	
	
.hoversquare2{
	float:left;
	width:100%;
	height:600px;
	/*background-color:#000000;*/
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-hover2b.jpg");
	background-position: 50% 50%;
	background-size:cover;
	/*opacity:0.6;*/
	
	}
	
	
.hoversquare3{
	float:left;
	width:100%;
	height:600px;
	/*background-color:#000000;*/
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-hover3b.jpg");
	background-position: 50% 50%;
	background-size:cover;
	/*opacity:0.6;*/
	
	}


/*--------footer top-------------*/

#curve img{
	float:left;
	width:20%;
	padding-left:40%;
	padding-right:40%;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-curveblue.png");
	background-repeat: repeat-x;
	background-position: 50% 50%;
	background-color:#ffffff;
	}
	
#curvehome img{
	float:left;
	width:20%;
	padding-left:40%;
	padding-right:40%;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-curve250.png");
	background-repeat: repeat-x;
	background-position: 50% 50%;
	/*background-color:#ffffff;*/
	}
	


#footertopcontainer{
	width:100%;
	background-color:#ffffff;
	float:left;
	height:100%;
	display:block;
	padding-top:100px;
	padding-bottom:50px;
	}
	
#footertopall{
	width:85%;
	display:block;
	max-width:1200px;
	margin: 0 auto;

	}
	
#column1{
	float:left;
	width:30%;
	font-size:80%;
	line-height:150%;
	}
	
.columnphoto img{
	float:left;
	width:100%;
	margin-bottom:5%;
	border-radius:0px;
	}
	
#column2 {
	float:left;
	width:30%;
	margin-left:5%;
	font-size:80%;
	line-height:150%;
	}
	
#column3{
	float:left;
	width:30%;
	margin-left:5%;
	font-size:80%;
	line-height:150%;
	}

	
.reserve {
	width:100%;
	display:block;
	color:#ffffff;
	padding-top:3%;
	padding-bottom:3%;
	background-color:#000000;
	text-align:center;
	border-radius:0px;
	}
	
.reserve:hover {
	background-color:#00CCFF;
	color:#ffffff;
}




/*--------footer bottom-------------*/

	
#footerbottomcontainer{
	width:100%;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/home/p1.jpg");
	background-position: 50% 50%;
	background-size:cover;
	display:block;
	float:left;
	

	}
	
.footerbottomall{
	width:85%;
	display:block;
	max-width:1200px;
	margin: 0 auto;
	padding-top:100px;
	padding-bottom:100px;
	font-size:80%;
	}
	
#footercredit{
	float:left;
	text-align:center;
	margin-right:20px;
	margin-top:40px;
		}
	
	
#footerlogoall{
	float:left;
	width:30%;
	}

#footerlogo img{
	float:left;
	width:100%;
	margin-bottom:3%;
	}

#address{
	float:left;
	width:100%;
	text-align:center;
	color:#ffffff;
	font-size:80%;
	}

	
#footericonsall{
	float:left;
	width:70%;
	margin-top:2%;
	}

#icon4 img{
	float:right;
	width:8%;
	margin-left:2%;
	}
		
#icon1 img{
	float:right;
	width:8%;
	margin-left:2%;
	}
	
#icon2 img{
	float:right;
	width:8%;
	margin-left:2%;
	}
	
#icon3 img{
	float:right;
	width:8%;
	}
	

	
/*---------------Space to Chill------------*/

#headertopall{
	width:85%;
	display:block;
	max-width:1200px;
	margin: 0 auto;
	}
	
	
#subtitle{
	float:left;
	color:#ffffff;
	font-size:300%;
	line-height:100%;
	font-weight:300;
	text-transform:uppercase;
	margin-top:130px;
	margin-bottom:34px;
	padding-bottom:30px;
	
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-curve250.png");
	background-repeat: repeat-x; 
	background-position: left bottom;
	
	}
	
		
#subtitle1{
	float:left;
	color:#ffffff;
	font-size:100%;
	line-height:150%;
	font-weight:300;
	text-transform:uppercase;
	width:100%;
	text-align:center;
	word-spacing:5px;
	margin-bottom:50px;
	margin-top:10px;
	
	
	}
		
#subheadcurve{
	float:left;
	width:100%;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-curvewhite.png");
	background-repeat: repeat-x;
	height:11px;
	display:block;
	}
	
	
#subtitleheader{
	float:left:
	max-width:1200px;
	margin: 0 auto;
	font-size:600%;
	line-height:100%;
	text-transform:uppercase;
	font-weight:800;
	margin-bottom:5%;
	}

#spacephoto {
	float:left;
	width:100%;
	height:600px;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-space.jpg");
	background-position: 50% 50%;
	background-size:cover;
	}
	
#foodphoto {
	float:left;
	width:100%;
	height:600px;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-food.jpg");
	background-position: 50% 50%;
	background-size:cover;
	}
	
#partyphoto {
	float:left;
	width:100%;
	height:600px;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-private.jpg");
	background-position: 50% 50%;
	background-size:cover;
	}
	
#contactphoto {
	float:left;
	width:100%;
	height:600px;
	background-image:url("http://www.atlanticseafoodco.com/wp-content/uploads/g-contact.jpg");
	background-position: 50% 50%;
	background-size:cover;

	}	
	
.subheader{
	float:left:
	width:100%;
	font-size:400%;
	line-height:100%;
	text-transform:uppercase;
	font-weight:800;
	margin-bottom:5%;
	}
		

.subbody{

	margin-bottom:5%;
	font-weight:300;
	}

#sphoto img{
	float:left;
	width:100%;
	display:block;
	margin-bottom:3%;
	border-radius:0px;

	}	
	
/*-----------toggles-----------*/


#dining,
#cocktail,
#sushi,
#outdoor,
#private,
#lunchmenu,
#dinnermenu,
#sushimenu,
#dessertmenu,
#cocktailmenu,
#winemenu,
#parties,
#catering,
#customercontact,
#cateringcontact,
#privatediningcontact{
		width:100%;
		float:left;
		padding-top:5%;
		padding-bottom:5%;
	    font-size:300%;
	    line-height:100%;
	    font-weight:300;
	/*border-top: solid 1px #cccccc;*/
	cursor: pointer;
		}


.lunchmenuall,
.dinnermenuall,
.sushimenuall,
.dessertmenuall,
.cocktailmenuall,
.winemenuall{
	float:left;
	width:100%;
	height:100%;
	display:block;
	display:none;
	}
	
.diningall,
.cocktailall,
.sushiall,
.outdoorall,
.privateall,
.partiesall,
.cateringall{
	
	float:left;
	width:100%;
	height:100%;
	display:block;
	display:none;
	font-weight:300;
	text-align: left;
	
}

	
.customercontactall,
.privatediningcontactall,
.cateringcontactall {
	float:left;
	width:100%;
	height:100%;
	display:block;
	display:none;
	margin-bottom:5%;

	}
.arrow img{
	float:right;
	width:7%;
	}

#endline{
	float:left;
	width:100%;
	height:1px;
	background-color:#ffffff;
	display:block;
	margin-bottom:5%;
	}
	
#endline1{
	float:left;
	width:100%;
	height:1px;
	background-color:#ffffff;
	display:block;
	margin-bottom:10%;
	}
	
/*--------------menus------------------*/

#menuall{
	float:left:
	width:100%;
	}
	
#menucolumn1{
	float:left;
	width:30%;
	margin-bottom:5%;
	line-height:110%;
	font-size:80%;
	}
	
#menucolumn2{
	float:left;
	width:30%;
	margin-left:5%;
	margin-bottom:5%;
	line-height:110%;
	font-size:80%;
	}
	
#menucolumn3{
	float:left;
	width:30%;
	margin-left:5%;
	margin-bottom:5%;
	line-height:110%;
	font-size:80%;
	}
	
h2 {
	font-weight:700;
	line-height:110%;
	margin-bottom:5%;
	text-transform:uppercase;
	}
	
h3 {
	font-weight:700;
	line-height:110%;
	text-transform:uppercase;
	}

#menutitle{
	float:left;
	width:100%;
	margin-bottom:5%;
	line-height:110%;
	font-size:80%;
	border-top:solid 1px #cccccc;
	padding-top:3%;
	}
	
#menutitle2{
	float:left;
	width:100%;
	margin-bottom:5%;
	line-height:110%;
	font-size:80%;
	}
	
#menutitle3{
	float:left;
	width:100%;
	margin-bottom:3%;
	line-height:110%;
	font-size:80%;
	border-top:solid 4px #cccccc;
	padding-top:3%;
	text-align:center;
	}
	
.boldtitle{
	font-weight:800;
	font-size:150%;
	line-height:110%;
	text-transform:uppercase;}
	
	
#disclaimer{
	float:left;
	width:100%;
	line-height:110%;
	font-size:60%;
	margin-bottom:5%;
	}
	
	
/*--------------private dining-----------------*/

#pphoto1 img{
	float:left;
	width:49%;
	}
	
#pphoto2 img{
	float:left;
	width:49%;
	margin-left:2%;
	}
/*-----------contact form-----------*/

span.wpcf7-list-item {
display:block;
}


#contactall{
	width:70%;
	text-align:left;
	margin-top:20px;
	


	}
	
.contactpadding {

	width:96%;
	padding: 2%;
	font-size:100%;
	border:none;
	background-color:#ffffff;
	border-radius:0px;
	border:solid 2px #999999;
	margin-top:10px;
	  font-size:100%;
  line-height:180%;
  font-family: 'Lato', sans-serif;
  font-weight:300;
	}
	
.contactpadding1 {

	width:46%;
	padding: 2%;
	font-size:100%;
	border:none;
	background-color:#ffffff;
	border-radius:0px;
	border:solid 2px #999999;
	margin-top:10px;
	  font-size:100%;
  line-height:180%;
  font-family: 'Lato', sans-serif;
  font-weight:300;
	}
	
input[type=submit] {
border-radius:0px;
border:0px;
cursor:pointer;
padding-top: 10px;
padding-bottom:10px;
padding-left:20px;
padding-right: 20px;
background-color:#00CCFF;
color:#222222;
 font-size:100%;
 line-height:180%;
  font-family: 'Lato', sans-serif;
  font-weight:300;
float:left;
margin-top:10px;
text-transform:uppercase;

}

input[type=submit]:hover {
	/*background-color:#5264ea;*/
	background-color:#FF2600;
	color:#ffffff;
	float:left;
}

div.wpcf7-validation-errors {
	border: 0px solid #f7e700 !important;
	padding:0px!important;
	padding-bottom:10%;
	text-align:left !important;
	float:left !important;
	width:100%;
	margin-left:-0px !important;
	color:#FF2600;

	
}

div.wpcf7-mail-sent-ok {
	border: 0px solid #f7e700 !important;
	padding:0px !important;
	padding-bottom:10%;
	float:left !important;
	width:100%;
	font-weight:700;
	margin-left:-0px !important;

}

/*---------------------------background cycler---------------------*/

#background_cycler{
	padding:0;
	margin:0;
	/*margin-top:86px;*/
	margin-top:0px;
	width:100%;
	height:600px;
	position:absolute;
	top:0;left:0;
	z-index:-1;
	display:none;
	}
	
#background_cycler div{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:600px;
	z-index:1;
	background-size:cover;
	background-position:center center;
	}
	
#background_cycler div.active{z-index:3}



	
	
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/*this will control up to iphone 6+ in portrait*/
@media screen and (max-width: 750px){


#amil img{
	float:left;
	width:10%;
	margin-right:45%;
	margin-left:45%;
	margin-bottom:50px;
	margin-top:20px;
	}
	
.footerbottomall{
	padding-top:50px;
	padding-bottom:50px;
	}
		
#footertopcontainer{
	padding-top:50px;
	padding-bottom:25px;
	}

#footertopall{
	width:75%;
	}
	
			
#oysterall{
	width:75%;
	font-size:70%;
	line-height:120%;
	margin-bottom:30px;
	
	}

#oysterall p {margin-bottom:20px;}

#oysterall strong {
	font-size:85%;
}

.oystertitle{

	}
.oystersub{

	}

#hometopall{
	margin-top:0px;
	}
	
#homephoto {
	height:100vh;
	}
	
#curvehome img{
	width:40%;
	padding-left:30%;
	padding-right:30%;
	}
		

#homepanel1{
	height:200px;
	}
	
#homepanel2{
	height:200px;
	}
	
#homepanel3{
	height:200px;
	}
	
.hoversquare{
	height:200px;	
	}
	
.hoversquare2{
	height:200px;
	}
		
.hoversquare3{
	height:200px;
	}
	
#column1{
	width:100%;
	font-size:80%;
	line-height:150%;
	margin-bottom:10%;
	margin-top:5%;
	}
	
#column2{
	width:100%;
	margin-left:0%;
	margin-bottom:10%;
	}
	
#column3{
	width:100%;
	margin-left:0%;
	margin-bottom:10%;
	}


#footerlogoall{
	width:85%;
	margin-left:7.5%;
	margin-right:7.5%;
	margin-top:5%;
	}

#address{
	font-size:80%;
	}

	
#footericonsall{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:7%;
	margin-bottom:0%;
	}


#icon4 img{
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	}
	
		
#icon1 img{
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	}
	
#icon2 img{
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	}
	
#icon3 img{
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	}
	
	

#subtitle{
	font-size:180%;
	line-height:100%;
	padding-bottom:10%;
	margin-top:70px;
	margin-bottom:0px;
	}
	
		
#subtitle1{
	font-size:100%;
	line-height:130%;
	font-weight:300;
	word-spacing:0px;
	margin-bottom:20px;
	margin-top:10px;
	
	
	}

.topall{
	float:left;
	width:100%;
	height:300px;
	display:block;
	
	}
	
#background_cycler{
	height:300px;
	background-color:#ff9900;
	}
	
#background_cycler div{
	height:300px;
	}	

#pagecontainer{

	}

.subheader{
	font-size:150%;
	line-height:100%;
	margin-top:10%;
	}

#dining,
#cocktail,
#sushi,
#outdoor,
#private,
#lunchmenu,
#dinnermenu,
#sushimenu,
#dessertmenu,
#cocktailmenu,
#winemenu,
#parties,
#catering,
#customercontact,
#cateringcontact,
#privatediningcontact{
	font-size:100%;
	line-height:100%;
		}

.arrow img{
	width:12%;
	margin-top:2%;
	}

.subbody{
	font-size:80%;
	line-height:150%;
	}

.diningall,
.cocktailall,
.sushiall,
.outdoorall,
.privateall,
.partiesall,
.cateringall{
	font-size:80%;
	line-height:150%;
	text-transform:none;
	font-weight:300;
	word-spacing: 4px;	
	text-align: left;
	
}

#curve img{
	width:40%;
	padding-left:30%;
	padding-right:30%;
	}

h1 {font-size:80%;font-weight:800;}

#menutitle{
	line-height:110%;
	font-size:60%;
	border-top:solid 1px #000000;
	}

.boldtitle{
	font-size:150%;
	}

#menucolumn1{
	width:100%;
	margin-bottom:0%;
	line-height:110%;
	font-size:60%;
	}
	
#menucolumn2{
	width:100%;
	margin-left:0%;
	margin-bottom:0%;
	line-height:110%;
	font-size:60%;
	}
	
#menucolumn3{
	width:100%;
	margin-bottom:5%;
	margin-left:0%;
	line-height:110%;
	font-size:60%;
	}

#menutitle2{
	line-height:110%;
	font-size:60%;
	}
	
#menutitle3{
	font-size:40%;
	border-top:solid 4px #000000;
	}	
	
#disclaimer{
	line-height:110%;
	font-size:40%;

	}

.customercontactall,
.privatediningcontactall,
.cateringcontactall {
	font-size:80%;
	line-height:150%;
	}

#contactall{
	width:100%;
	text-align:left;
	margin-top:20px;
	margin-bottom:10%;
	}



#columnphoto img{
	border-radius:none;
	}

#sphoto img{
	border-radius:none;

	}


}



/*IPAD*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
 {

	
#column1{
	width:100%;
	font-size:80%;
	line-height:150%;
	margin-bottom:10%;
	margin-top:5%;
	}
	
#column2{
	width:100%;
	margin-left:0%;
	margin-bottom:10%;
	}
	
#column3{
	width:100%;
	margin-left:0%;
	margin-bottom:10%;
	}

#homepanel1{
	height:400px;
	}
	
#homepanel2{
	height:400px;
	}
	
#homepanel3{
	height:400px;
	}
	
.hoversquare{
	height:400px;	
	}
	
.hoversquare2{
	height:400px;
	}
		
.hoversquare3{
	height:400px;
	}

#homephoto {
	height:100vh;
	}

#hometopall{
	margin-top:0px;
	}

#footerlogoall{
	width:40%;
	}

	


#dining,
#cocktail,
#sushi,
#outdoor,
#private,
#lunchmenu,
#dinnermenu,
#sushimenu,
#dessertmenu,
#cocktailmenu,
#winemenu,
#parties,
#catering,
#customercontact,
#cateringcontact,
#privatediningcontact{
	font-size:230%;
	line-height:100%;
		}

.arrow img{
	width:12%;
	margin-top:2%;
	}


#subtitle{
	font-size:200%;
	line-height:100%;
	padding-bottom:5%;
	margin-top:150px;
	margin-bottom:0px;
	}






}







	
/*for the ipad*/
@media screen and (max-width: 768px){	
}		

/* IPad portrait and landscapte */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
 {}


/* Iphone 6 portrait and Landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */}

/* Iphone 6 Landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/* Iphone 6 Portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/* iphine 6 + Portrait and Landscape */
@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) { /* STYLES GO HERE */}

/* Iphone 6 + landscpate */
@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/* Iphone 6 + Portrait */
@media only screen 
and (min-device-width : 540px) 
and (max-device-width : 960px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

/* Iphone 5 portrait and landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */}

/* iphone 5 landscapte*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/* iphone 5 portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { }

/* IPad portrait and landscapte */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */}

/*Ipad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* STYLES GO HERE */}

/*ipad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }


/* Iphone 5 portrait and landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { }