/*

    .___   
  __| _/____    ____ _____   
 / __ |\__  \  /    \\__  \  
/ /_/ | / __ \|   |  \/ __ \_
\____ |(____  /___|  (____  /
     \/     \/     \/     \/   Design Meets Art.
 
 */

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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family:"sarge";
    src: url("../img/srgt6pack.ttf") format("truetype");
}


.canvas {  
  width: 98.8vw;
  height: 100vw;
  background-color: #fff8ee;
  overflow-x: hidden;  
 }


 	.ltbox {
 		float: left;
 		background-color: #4ab6cc;
 		width: 30%;
 		height: 2.5%;
 		
 	}

 	figure#box1 {
 		float: left;
 		width: 20%;
 		height: 100%;
 		background-color: #245f6a; 		
 	}
 	figure#box2 {
 		float: left;
 		width: 20%;
 		height: 100%;
 		background-color: #fbda95;
 	}
 	figure#box3 {
 		float: left;
 		width: 20%;
 		height: 100%;
 		background-color: #6FCADC;
 	}
 	figure#box4 {
 		float: left;
 		width: 20%;
 		height: 100%;
 		background-color: #afd275;
 	}
 	figure#box5 {
 		float: left;
 		width: 20%;
 		height: 100%;
 		background-color: #e7717d;
 	}


	
	.call {
		  float:left;
		  width: 70%;
		  height: 2.5%;
		  background-color: #4ab6cc;
		  padding: 0;
		  margin: 0;
		  color: white;
		  font-family: georgia;
		  text-align: center;
		  font-size: .8vw;	  
		 }


	.cta {
			float: right;
			color: #fff8ee;
		 	margin-top: .7%;
		 	font-size: 150%;
		 	font-family: georgia;
		 	font-weight: bold;
		 	font-style: italic;
		 	text-align: right;
		 	margin-right: 10%;	
		 	text-decoration: none;	 
	}

	 a.cta:visited {
		color: #fff8ee;
		text-decoration: none;
	}

	 a.cta:hover {
	 	text-decoration: none;
	 	background-color: maroon;
	 }


/*LOGO AND NAVBAR ROW*/

.logobox {
  float:left;
  width: 50%;
  height: 5.6%; 
  background-color: #fff8ee; 
}
	  
		 img.logo {
	
		  float: left;
		  margin-top: -.3%;
		  margin-left: 1%;
		  width: 19%;
		  height: 20.2%;
		 }

		 img.logo-b {
	
		  float: left;
		  margin-top: 5.5%;
		  margin-left: -5%;
		  width: 20%;
		  height: 85%;
		 }

	button#hamburger-button {		
		display: none;
	}

	nav {
		display: none;
	}

	.navbar {
		display: inline-block;
		float: left;
		width: 50%;
		height: 5.6%;
		background-color: #fff8ee;
	}

	.navbar a {
	  float: right;
	  font-size: 1.2vw;
	  font-family: georgia;
	  color: #255F6B;
	  text-decoration: none;
	  margin-right: 3.5%;
	  margin-top: 6%;	
	}

	.navbar li {
		list-style: none;
	}
	

	
/*LINES*/

	.lines { 
		float: left;
		margin-top: -.5%;
		width: 100%;
		height: .6%;
	}
			
			.ltblue-line {
			float: left;
			background-color: #4ab6cc;
			color: white;
			width: 100%;
			height: 100%;
			text-align: center;    
			}  
			
	
/*Main Section*/

.back {
		float: left;
	    width: 100%;
	    height: 100%;  		/* tablet 141px* Mobile 151px*/
		background-color: #fff8ee;  		
		
	}

	.graphic-one {
		display: inline-block;
	    float: left;
	    width: 30%;
	    height: 100%;  		
	    }
		
	 		/*rotated side text*/

			      figure#toss  {
			        width: 200%;
			        font-size: 230%;
			        margin-top: 70%;
			        margin-left: -55%;
			        font-family: sarge;
			        text-align: center;
					color: #39828f;	
			        
			        transform: rotate(270deg);
			        	-moz-transform: rotate(270deg);
						-ms-transform: rotate(270deg);
						-o-transform: rotate(270deg);
						-webkit-transform: rotate(270deg);			        
					}


.case {
	float: left;
    width: 70%;
    height: 140%;
    margin-top: 4%;
}

	article {
			width: 90%;
			height: 25%;
			text-align: center;
			color: #ffffff;
		}
		
				/* Short Articles*/

			.shorty {
				width: 90%;
				height: 12.5%;					
			}
		
				/* Shorty Article Content*/

				.order {
					color: #245f6a;
					font-size: 180%;
					font-weight: bold;
				}

				.order-gp {
					color: #245f6a;
					font-weight: bold;
					font-size: 230%;
				}
			
				.reserve { 
						font-size: 120%; 
					}

				.happywd {
					font-size: 250%;
				}

				img#tef {
	  				width: 22vw;
	 				height: 18vw;
				}

				.blue {
					 background-image: url("../img/dining.jpg");
					 background-size: cover;
					 background-position: 0 -11vw;
				}

				.happyhour {
					height: 12.5%;
					background-image: url("../img/pic33.jpg");
					background-position: -1vw;
					background-size: 110%;
				}	   


			/* Form Article*/

			.info {
				height: auto;
			}

			.form1 {
				font-size: 80% 
			}


				label {
					color: #ffffff;
					font-size: 150%;
				}

				input {
					font-size: 150%;
				}
		
				.butz {
	    		background-color: #ccc; 
	    		border: 5px solid teal;
		    	}

		    	.butz:hover {
					color: blue;
					border-color: aqua;
				}

			/*Bighall Article*/

			.bighall {
				background-image: url("../img/pic31.jpg");
				background-position: -2vw;	
				background-size: 110%;
			}
}