/*RESET*/

	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		text-decoration: none;
		outline: none;
        border-radius: none;
        border: none;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        font-family: 'Arial', sans-serif;
	}
	
	.full {
		width: 100%;
	}
	
	.center {
		width: 65%;
		margin: 0 auto;
	}
	
	.clear {
		clear: both;
	}

    a:link,
    a:hover,
    a:visited,
    a:active {
        text-decoration: none;
        color: inherit;
    }

/*HEADER*/

	header {
		
	}
	
	/*HEADER - TOP*/
	
		header #header-top {
			padding-top: 10px;
			padding-bottom: 10px;
			background: #df811f;
		}
		
		header #header-top #header-topleft {
			width: 50%;
			float: left;
			text-align: left;
			font-family: "Archivo Narrow", sans-serif;
			font-size: 12pt;
			color: white;
		}
		
		header #header-top #header-topright {
			width: 50%;
			float: left;
			text-align: right;
			font-family: "Archivo Narrow", sans-serif;
			font-size: 12pt;
			color: white;
		}

	/*HEADER - MENU*/	
	
		header #header-menu {
			width: 30%;
			margin: 0 auto;
			padding-top: 20px;
			text-align: center;
		}
		
		header #header-menu .header-menuitem {
			float: left;
			width: 25%;
			border-bottom: 5px solid white;
			transition: .25s ease all;
			text-align: center;
		}

        header #header-menu .header-menuitem:hover {
			border-bottom: 5px solid #bb2211;
		}
		
		header #header-menu .header-menuitem p {
			text-align: center;
			font-family: "Archivo Narrow", sans-serif;
			font-size: 14pt;
			font-weight: bold;
			color: #2f2f2f;
			text-transform: inherit;
            padding: 10px;
		}
		
		header #header-menu .header-menuitem img {
			display: none;
			padding-bottom: 20px;
			width: 100px;
			max-width: 100%;
		}
		
		header #header-menu .header-active {
			border-bottom: 5px solid #bb2211 !important;
		}

	/*HEADER - SLIDER*/
	
		header #header-slider {
			position: relative;
			height: 80vh;
			background: url(../images/backgrounds/01.jpg) no-repeat center;
			background-size: cover;
		}
		
		header .subpage {
			height: 200px !important;
		}
		
		header #header-slider img {
			width: 450px;
			max-width: 100%;
			position: absolute;
			top: 10px;
			left: 50%;
            z-index: 100;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);
		}

		header #header-slider.subpage img {
			top: 20%;
		}

/*OWL CAROUSEL*/
	
	#owl-demo {
		z-index: 100;
	}
	
	.item {
		position: relative;
		height: 80vh;
	}
	
	#header-slideone {
		background: url(../images/slides/slide-specials.jpg) no-repeat center;
		background-size: cover;
	}
	
	#header-slidetwo {
		background: url(../images/slides/slide-beer.jpg) no-repeat center;
		background-size: cover;		
	}
	
	#header-slidethree {
		background: url(../images/slides/slide-takeout.jpg) no-repeat center;
		background-size: cover;		
	}
	
	.caption {
		position: absolute;
		left: 0;
		top: 40%;
		padding: 50px;
		font-family: "Arial", sans-serif;
		font-size: 36pt;
		text-align: center;
		color: #fff;
	}

    #owl-demo p {
        font-size: 18pt;
        color: #df811f;
        border: 2px solid #df811f;
        display: inline-block;
        padding: 10px;
        margin: 50px auto;
        font-family: "Arial", sans-serif;
    }

    #owl-demo p:hover {
        background: #df811f;
        color: #fff;
    }

/*ABOUT*/

	#about {
		padding-top: 100px;
		padding-bottom: 100px;
		text-align: center;
	}
	
	#about .center p {
		font-family: "Arial", sans-serif;
		font-size: 36pt;
        color: #df811f;
	}

	#about2 {
		padding-top: 100px;
		text-align: center;
	}

	#about2 .center p.temp{
		font-family: "Arial", sans-serif;
		font-size: 16pt;
        color: #b32017;
	}

/*STORE*/

	#store {
		height: 440px;
		background: url(../images/backgrounds/02.jpg) no-repeat center;
		background-size: cover;
	}

/*SPECIALS*/

	#specials {
        padding-bottom: 100px;
	}
	
	#specials .center .small {
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 14pt;
		font-weight: bold;
		color: #df811f;
		text-align: center;
	}

	#specials .center .large {
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 24pt;
		color: #2f2f2f;
		text-transform: inherit;
		text-align: center;
	}
	
	#specials .center .specials-category {
		margin-top: 50px;
		width: 33.3333%;
		float: left;
	}
	
	#specials .center .specials-subcategory {
		position: relative;
		width: 95%;
		height: 350px;
		border: 1px solid black;
		margin: 0 auto;
	}

    #specials #breakfast {
        background: url(../images/thumbs/breakfast.jpg) no-repeat center;
        background-size: cover;
    }

    #specials #lunch {
        background: url(../images/thumbs/lunch.jpg) no-repeat center;
        background-size: cover;
    }

    #specials #dinner {
        background: url(../images/thumbs/dinner.jpg) no-repeat center;
        background-size: cover;
    }
	
	/*SPECIALS - ICONS*/
	
		#specials .center .specials-subcategory .icon {
            width: 125px;
		}

	/*SPECIALS - TITLE*/
	
		#specials .center .specials-subcategory .title {
			position: absolute;
			top: -20px;
			left: 50%;
			transform: translateX(-50%);
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 18pt;
			background: white;
			padding: 5px;
		}
	
	/*SPECIALS - BUTTON*/
	
		#specials .center .specials-subcategory .button a {
			position: absolute;
			width: auto;
			bottom: -17px;
			left: 50%;
			transform: translateX(-50%);
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 14pt;
			background: white;
			padding: 5px;
			color: #b32017;
			border: 1px solid #b32017;
			text-align: center;
            z-index: 100;
            padding: 10px 25px;
		}

        #specials .center .specials-subcategory .button a:hover {
            background: #b32017;
            color: #fff;
        }

	/*SPECIALS - TEXT*/
	
		#specials .center .specials-subcategory .text {
			position: absolute;
			top: 50%;
			width: 100%;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			text-align: center;
			padding-left: 15px;
			padding-right: 15px;
		}
		
		#specials .center .specials-subcategory .text .subtitle {
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 21pt;
			color: #fff;
			text-transform: inherit;
		}

		#specials .center .specials-subcategory .text .subtext {
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 12pt;
			color: #2f2f2f;
		}
		
		#specials .center .specials-subcategory .text .smalltext {
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 8pt;
			color: #2f2f2f;
			text-transform: inherit;
		}

/*MAP*/

	#map {
		position: relative;
		height: 400px;
	}

    #map .overlay {
        background:transparent;
        position:absolute;
        width:100%;
        height:400px;
        top:400px;
        margin-top:-400px;
    }
	
	#map-overlay {
		position: absolute;
		width: 500px;
		z-index: 500;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		padding: 25px;
		background: #df811f;
		text-align: center;
	}
	
	#map-dummy {
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	#map-triangle {
		position: absolute;
		top: 50%;
		right: 0px;
		margin-right: -40px;
		width: 20px;
		height: 50px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
		clip-path: polygon(0 0, 0% 100%, 100% 50%);
		background: #df811f;
		z-index: 1000;
	}
	
	#map-overlay p.open {
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 14pt;
		color: white;
	}
	
	#map-overlay p.seven {
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 24pt;
		color: white;
		text-transform: inherit;
	}
	
	#map-overlay img {
		margin-top: 20px;
		width: 100px;
		float: left;
        -webkit-filter: brightness(200%);
        filter: brightness(200%);
        
	}
	
	#map-overlay p.hours {
		padding-top: 35px;
		width: calc(100% - 200px);
		float: left;
		text-align: center;
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 12pt;
		color: white;
		text-transform: inherit;
	}
	
	#map-overlay p.address {
		margin-top: 25px;
		width: 50%;
		float: left;
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 10pt;
		color: white;
		text-align: left;
	}

	#map-overlay p.contact {
		margin-top: 25px;
		width: 50%;
		float: left;
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 10pt;
		color: white;
		text-align: right;
	}

/*form*/

form {
    text-align: center;
}

form p {
    font-size: 10pt;
    color: #999;
    margin: 20px auto;
}

label {
    display: none;
}

.textbox, .textarea {
    width: 90%;
    height: 50px;
    border-bottom: 1px solid #999;
    font-family: "Archivo Narrow", sans-serif;
    font-size: 12pt;
    margin: 5px 0;
    padding: 10px;
    
}

.textarea {
    height: 100px;
}

.captcha {
    display: inline-block;
    width: 175px;
    height: 75px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
}

	#form {
		padding-top: 100px;
		padding-bottom: 100px;
        text-align: center;
        
	}
	
	#form .center .small {
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 14pt;
		font-weight: bold;
		color: #df811f;
		text-align: center;
	}

	#form .center .large {
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 24pt;
		color: #2f2f2f;
		text-transform: inherit;
		text-align: center;
	}
	
	#form .center .form-category {
		margin-top: 50px;
		width: 550px;
        display: inline-block;
	}
	
	#form .center .form-subcategory {
		position: relative;
		width: 95%;
		height: 550px;
		border: 1px solid black;
		margin: 0 auto;
	}

	/*FORM - TITLE*/
	
		#form .center .form-subcategory .title {
			position: absolute;
			top: -20px;
			left: 50%;
			transform: translateX(-50%);
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 18pt;
			background: white;
			padding: 5px;
		}
	
	/*FORM - BUTTON*/
	
		#form .center .form-subcategory .button {
			position: absolute;
			width: 150px;
			bottom: -17px;
			left: 50%;
			transform: translateX(-50%);
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 12pt;
			background: white;
			padding: 5px;
			color: #b32017;
			border: 1px solid #b32017;
			text-align: center;
		}

        #form .center .form-subcategory .button:hover {
            background: #b32017;
            color: #fff;
        }

	/*FORM - TEXT*/
	
		#form .center .form-subcategory .text {
			position: absolute;
			top: 50%;
			width: 100%;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			text-align: center;
			padding-left: 15px;
			padding-right: 15px;
            padding-top: 0;
		}

/*REVIEWS*/

	#reviews {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	#reviews .center #reviews-title {
		width: 300px;
		margin: 0 auto;
	}
	
	#reviews .center #reviews-title #reviews-left {
		width: 70px;
		float: left;
	}
	
	#reviews .center #reviews-title #reviews-left .icon {
		width: 100%;
	}
	
	#reviews .center #reviews-title #reviews-left .icon img {
		width: 100%;
		height: auto;
	}
	
	#reviews .center #reviews-title #reviews-right {
		width: calc(100% - 100px);
		margin-left: 50px;
	}
	
	#reviews .center #reviews-title #reviews-right p.small {
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 14pt;
		color: #df811f;
		text-align: center;
	}
	
	#reviews .center #reviews-title #reviews-right p.big {
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 18pt;
		color: #2f2f2f;
		text-align: center;
		text-transform: inherit;
	}
	
	#reviews .center #reviews-text {
		width: 45%;
		margin: 0 auto;
		margin-top: 25px;
	}
	
	#reviews .center #reviews-text p {
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 12pt;
		color: #2f2f2f;
		text-align: center;
	}

/*BAR*/

	#bar {
		position: relative;
		height: auto;
		background: #df811f;
        text-align: center;
        padding: 100px 0 50px;
	}

    #bar h3 {
        font-family: "Archivo Narrow", sans-serif;
        font-size: 21pt;
        font-weight: bold;
        color: #fff;
        margin-bottom: 25px;
        display: none;
    }

    #bar p {
        font-family: "Archivo Narrow", sans-serif;
        font-size: 14pt;
        color: #fff;
        margin-bottom: 18px;
        display: none;
    }
	
	#bar img {
		position: absolute;
		top: -181px;
		right: 50px;
	}

/*FOOTER*/

    footer {
        padding: 50px 0;
        text-align: center;
    }

    footer .icon {
        width: 50px;
        display: inline-block;
        margin: 5px;
        border: 2px solid #df811f;
        border-radius: 50px;
    }

    footer .icon:hover {
        border: 2px solid #fff;
    }

/*MENU PAGE*/

	#menu {
		padding-top: 100px;
		padding-bottom: 250px;
	}

    #menu .icon {
        width: 150px;
    }

	#menu h1 {
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 24pt;
		color: #2f2f2f;
		text-transform: inherit;
		text-align: center;
	}
	
	#menu #tabs {
		margin-top: 50px;
	}

		ul.tabs{
			padding: 0px;
			list-style: none;
			border-bottom: 1px solid #b32017;
		}
		
		ul.tabs li {
			background: none;
			width: 20%;
			float: left;
			cursor: pointer;
			text-align: center;
			padding: 15px;
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 12pt;
			color: #2f2f2f;
		}

		ul.tabs li.current{
			border-top: 1px solid #b32017;
			border-left: 1px solid #b32017;
			border-right: 1px solid #b32017;
			background: #b32017;
			color: white;
		}

		.tab-content{
			display: none;
			padding-top: 50px;
			padding-bottom: 50px;
		}

		.tab-content.current{
			display: inherit;
		}
		
		/*BREAKFAST*/
		
			.tab-content .breakfast-top {
				font-family: "EncodeSansSemiCondensedRegular", sans-serif;
				font-size: 12pt;
				color: #2f2f2f;
				text-transform: inherit;
				text-align: center;
				padding-bottom: 50px;
			}
			
			/*BREAKFAST - BIG BREAKFAST*/
			
				.tab-content .breakfast-bigbreakfast {
					position: relative;
					padding: 50px;
					border: 1px solid black;
				}
				
				.tab-content .breakfast-bigbreakfast #icon-bigbreakfast {
					position: absolute;
					background: white;
					padding: 1px;
					left: 15%;
					top: -45px;
					height: 100px;
				}
				
				.tab-content .breakfast-bigbreakfast #title {
					position: absolute;
					top: -25px;
					left: 50%;
					-webkit-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					-moz-transform: translateX(-50%);
					-o-transform: translateX(-50%);
					transform: translateX(-50%);
					background: white;
					padding: 1px;
					font-family: "EncodeSansSemiCondensedRegular", sans-serif;
					font-size: 24pt;
					color: #2f2f2f;
					text-transform: inherit;
				}
				
				.tab-content .breakfast-bigbreakfast .breakfast-left {
					width: 50%;
					float: left;
				}
				
				.tab-content .breakfast-bigbreakfast .breakfast-right {
					width: 50%;
					float: left;
					padding-left: 50px;
				}
				
				.tab-content .title {
					font-family: "EncodeSansSemiCondensedRegular", sans-serif;
					font-size: 24pt;
					color: #2f2f2f;
					margin-bottom: 35px;
				}
				
				.tab-content .breakfast-title {
					font-weight: bold;
					font-family: "EncodeSansSemiCondensedRegular", sans-serif;
					font-size: 14pt;
					color: #b32017;
					text-transform: inherit;
				}
				
				.tab-content .capital {
					text-transform: inherit;
				}
	
				.tab-content .breakfast-subtitle {
					font-family: "EncodeSansSemiCondensedRegular", sans-serif;
					font-size: 12pt;
					color: #2f2f2f;
				}
	
				.tab-content .breakfast-red {
					font-family: "EncodeSansSemiCondensedRegular", sans-serif;
					font-size: 10pt;
					color: #b32017;
					margin-bottom: 35px;
				}

			/*BREAKFAST - FRENCH TOAST AND OMELETTES AND PANCAKES*/
			
				.tab-content .breakfast-holder {

				}
				
				.tab-content .breakfast-holder .breakfast-halfholder {
					width: 50%;
					float: left;
					padding: 50px;
				}

				.tab-content .breakfast-holder .breakfast-halfholder .title {
					font-family: "EncodeSansSemiCondensedRegular", sans-serif;
					font-size: 24pt;
					margin-bottom: 0px;
				}
				
				.tab-content .breakfast-holder .breakfast-halfholder .subtitle {
					font-family: "EncodeSansSemiCondensedRegular", sans-serif;
					font-size: 12pt;
					text-transform: inherit;
					margin-bottom: 35px;
				}
				
				/*PANCAKES*/
				
					.tab-content .breakfast-holder .breakfast-halfholder .pancakes {
						position: relative;
						height: 500px;
						background: url(../images/menu/pancakes.jpg) no-repeat center;
						background-size: cover;
					}
					
					.tab-content .breakfast-holder .breakfast-halfholder .pancakes .pancakes-holder {
						width: calc(100% - 100px);
						position: absolute;
						top: 50%;
						left: 50%;
						-webkit-transform: translate(-50%,-50%);
						-moz-transform: translate(-50%,-50%);
						-ms-transform: translate(-50%,-50%);
						-o-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
					}
					
					.tab-content .breakfast-holder .breakfast-halfholder .pancakes .pancakes-holder .title {
						color: white;
						margin-bottom: 35px;
					}
					
					.tab-content .breakfast-holder .breakfast-halfholder .pancakes .pancakes-holder .subtitle {
						font-family: "EncodeSansSemiCondensedRegular", sans-serif;
						font-size: 12pt;
						color: white;
						margin-bottom: 0px;
					}
					
					.tab-content .breakfast-holder .breakfast-halfholder .pancakes .pancakes-holder .options {
						font-family: "EncodeSansSemiCondensedRegular", sans-serif;
						font-size: 10pt;
						color: white;
					}

			/*SKILLETS*/

				.tab-content .breakfast-skillet {
					position: relative;
					padding: 50px;
					border: 1px solid black;
				}
				
				.tab-content .breakfast-skillet .skillet-left {
					width: 50%;
					float: left;
				}
				
				.tab-content .breakfast-skillet .skillet-right {
					width: 50%;
					float: left;
					padding-left: 50px;
				}
				
				.tab-content .breakfast-skillet .title {
					position: absolute;
					top: -25px;
					left: 50%;
					-webkit-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					-moz-transform: translateX(-50%);
					-o-transform: translateX(-50%);
					transform: translateX(-50%);
					background: white;
					padding: 1px;
					font-family: "EncodeSansSemiCondensedRegular", sans-serif;
					font-size: 24pt;
					color: #2f2f2f;
					text-transform: inherit;
				}
				
				.tab-content .breakfast-skillet .subtitle {
					font-family: "EncodeSansSemiCondensedRegular", sans-serif;
					font-size: 16pt;
					color: #2f2f2f;
					text-transform: inherit;
					margin-bottom: 35px;
				}

			/*SIDES*/

					.tab-content .breakfast-holder .breakfast-halfholder .sides {
						position: relative;
						height: 500px;
						background: url(../images/menu/sides.jpg) no-repeat center;
						background-size: cover;
					}
					
					.tab-content .breakfast-holder .breakfast-halfholder .sides .sides-holder {
						width: calc(100% - 100px);
						position: absolute;
						top: 50%;
						left: 50%;
						-webkit-transform: translate(-50%,-50%);
						-moz-transform: translate(-50%,-50%);
						-ms-transform: translate(-50%,-50%);
						-o-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
					}
					
					.tab-content .breakfast-holder .breakfast-halfholder .sides .sides-holder .title {
						color: white;
						margin-bottom: 35px;
					}
					
					.tab-content .breakfast-holder .breakfast-halfholder .sides .sides-holder .subtitle {
						font-family: "EncodeSansSemiCondensedRegular", sans-serif;
						font-size: 12pt;
						color: white;
						margin-bottom: 0px;
					}
					
					.tab-content .breakfast-holder .breakfast-halfholder .sides .sides-holder .options {
						font-family: "EncodeSansSemiCondensedRegular", sans-serif;
						font-size: 10pt;
						color: white;
					}

		/*BREAKFAST - SHAKES AND BEVERAGES*/

			.tab-content .breakfast-holder .breakfast-halfholder .shakes {
				border: 1px solid #2f2f2f;
				padding: 25px;
			}
			
			.tab-content .breakfast-holder .breakfast-halfholder .shakes .title {
				margin-bottom: 25px;
			}

			.tab-content .breakfast-holder .breakfast-halfholder .shakes .subtitle {
				text-transform: none;
				margin-bottom: 25px;
			}

			.tab-content .breakfast-holder .breakfast-halfholder .shakes .breakfast-red {
				text-transform: none;
				margin-bottom: 0px;
			}
			
			.tab-content .breakfast-holder .breakfast-halfholder .beverages .title {
				margin-bottom: 25px;
			}

			.tab-content .breakfast-holder .breakfast-halfholder .beverages .subtitle {
				margin-bottom: 0px;
			}
			
			.tab-content .breakfast-holder .breakfast-halfholder .beverages .red {
				color: #b32017;
			}

			.veg {
				font-size: 10px;
				padding: 5px 8px;
				color: white;
				background: green;
				border-radius: 100%;
			}

			.glu {
				font-size: 10px;
				padding: 5px 8px;
				color: white;
				background: brown;
				border-radius: 100%;
			}

/*REVIEWS PAGE*/

	#reviews-page {
		padding-top: 100px;
		padding-bottom: 250px;
	}

	#reviews-page h1 {
		font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 24pt;
		color: #2f2f2f;
		text-transform: inherit;
		text-align: center;
	}

    #reviews-page article {
          -webkit-columns: 3 300px;
             -moz-columns: 3 300px;
                  columns: 3 300px;
          -webkit-column-gap: 20px;
          -moz-column-gap: 20px;
          column-gap: 20px;
          margin-top: 50px;
    }

    #reviews-page article section {
         display: inline-block;
         margin: 10px 0;
         width: 100%;
         padding: 30px;
        border: 1px solid black;
    }

    #reviews-page article section p {
        font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		font-size: 14pt;
    }

/*PROPER MENU*/

	/*GENERAL STYLES*/
	
		.red {
			color: #b32017 !important;
		}
		
		.black {
			color: #2f2f2f !important;
		}
		
		.white {
			color: #ffffff !important;
		}
		
		.title-big {
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 24pt !important;
		}
		
		.title-small {
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 16pt !important;
		}
		
		.description-regular {
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 12pt !important;
		}
		
		.description-small {
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 10pt !important;
		}
		
		.capital {
			text-transform: uppercase;
		}
		
		.nomargin {
			margin-bottom: 0px !important;
			margin-right: 0px !important;
		}

	/*PROPER MENU - TITLE WITH ICON*/
	
		.tab-content .menu .title {
			display: inline-block;
			font-weight: bold;
			text-align: center;
			margin-bottom: 0;
			margin-right: 15px;
            vertical-align: middle;
		}
		
		.tab-content .menu .title-icon {
			margin-top: 0px;
			width: 160px;
            vertical-align: middle;
		}
	
	/*PROPER MENU - SPLIT MENU NO BORDER*/

		.tab-content .menu .menu-half {
			margin-top: 50px;
			position: relative;
			width: 50%;
			float: left;
			padding: 0 10px;
		}
		
		.tab-content .menu .menu-half .title {
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			margin-bottom: 0px;
		}
		
		.tab-content .menu .menu-half .description {
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
		}
		
		.tab-content .menu .menu-half .menu-box {
			width: 100%;
			padding: 25px;
		}
		
		/*IDS*/
		
			#nachos {
				background: url(../images/menu/nachos.jpg) no-repeat center;
				background-size: cover;
                padding: 50px 20px;
			}
			
			#tacos {
				background: url(../images/menu/tacos.jpg) no-repeat center;
				background-size: cover;
                padding: 50px 20px;
			}
			
			#kids {
				background: url(../images/menu/kids.jpg) no-repeat center;
				background-size: cover;
                padding: 150px 10px;
			}
			
			#signaturebeef {
				background: url(../images/menu/signaturebeef.jpg) no-repeat center;
				background-size: cover;
				text-align: center;
                padding: 150px 10px;
			}

            #wines {
                background: url(../images/backgrounds/wines.jpg) no-repeat center;
                background-size: cover;
                text-align: center;
                padding: 150px 10px;
            }
			
			#eightoz {
				background: url(../images/menu/eightoz.jpg) no-repeat center;
				background-size: cover;
				text-align: center;
                padding: 150px 10px;
			}
			
			#chickenfingers {
				background: url(../images/menu/chickenfingers.jpg) no-repeat center;
				background-size: cover;
				text-align: center;
                padding: 110px 10px;
			}

            #dessert {
                background: url(../images/menu/dessert.jpg) no-repeat center;
                background-size: cover;
                padding: 128px 0;
                margin-top: 50px;
            }

            #beer {
                background: url(../images/slides/slide-beer.jpg) no-repeat center;
                background-size: cover;
                padding: 150px 10px;
                text-align: center;
            }

			#shrimp {
				background: url(../images/menu/shrimp.jpg) no-repeat center;
				background-size: cover;
				text-align: center;
                padding: 115px 10px;
			}

			#potato {
				background: url(../images/menu/potato.jpg) no-repeat center;
				background-size: cover;
				text-align: center;
                padding: 150px 10px;
			}
			
			#potato-holder {
				text-align: left;
			}
			
			.icon-stirfry {
				height: 80px;
				position: absolute;
				top: -100px;
				left: 50%;
				transform: translateX(-50%);
				z-index: 500;
			}
			
			.icon-greece {
				clear: both;
				float: right;
                width: 150px;
			}

            #tasteofgreece {
                padding-top: 80px;
            }

		/*PROPER MENU - FULL MENU CENTERED TITLE NO ICON*/
		
			.tab-content .menu .menu-full {
				margin-top: 50px;
				position: relative;
				padding: 50px;
				border: 1px solid #2f2f2f;
			}
			
			.noborder {
				border: none !important;
			}
			
			.tab-content .menu .menu-full .menu-title {
				position: absolute;
				min-width: 200px;
				top: -25px;
				left: 50%;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-o-transform: translateX(-50%);
				transform: translateX(-50%);
				padding: 1px;
				background: white;
				font-family: "EncodeSansSemiCondensedRegular", sans-serif;
				font-size: 24pt;
				color: #2f2f2f;
				text-align: center;
			}

			.tab-content .menu .menu-full .title {
				text-align: left;
			}
			
			#stirfry {
				padding-left: 0px;
			}
			
			#pasta-one {
				margin-bottom: 35px;
			}

			/*IDS*/
			
				#beverages {
					width: 100%;
					max-width: none !important;
					background: url(../images/menu/beverages.jpg) no-repeat center;
					background-size: cover;
					height: 200px;
				}
			
				#kids {
					width: 100%;
					max-width: none !important;
					background: url(../images/menu/kids.jpg) no-repeat center;
					background-size: cover;
					height: 200px;
				}

/*thanks*/
.thanks {
    width: 100%;
    height: 100vh;
    text-align: center;
    position: relative;
}
.thanks .content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.thanks .content img {
    width: 60%;
    max-width: 400px;
    margin: 50px auto;
}
.thanks .content h3 {
    font-size: 36px;
    margin-bottom: 25px;
    font-family: "Archivo Narrow", sans-serif;
    color: #b32017;
}
.thanks .content p {
    font-size: 21px;
    font-family: "Archivo Narrow", sans-serif;
}
.thanks .content .button {
    background: white;
	padding: 10px;
    margin: 25px auto;
	color: #b32017;
    border: 1px solid #b32017;
    display: inline-block;
    font-size: 12pt;
    font-family: "Archivo Narrow", sans-serif;
}
.thanks .content .button:hover {
    background: #b32017;
    color: #fff;
}

.border {
    border: 2px solid #b32017;
    padding: 20px 30px;
    box-sizing: border-box;
}

/*MEDIA QUERIES*/

	@media (max-width: 1400px) {
		
		.center {
			width: 75%;
		}

		header #header-menu {
			width: 50%;
		}

		#specials .center .specials-subcategory #icon-breakfast {
			left: 5%;
		}
		
		#specials .center .specials-subcategory #icon-lunch {
			left: 5%;
		}
		
		#specials .center .specials-subcategory #icon-dinner {
			left: 5%;
		}

		#reviews .center #reviews-text {
			width: 65%;
			margin: 0 auto;
			margin-top: 25px;
		}
		
	}
	
	@media (max-width: 1300px) {
	
		header #header-top {
			display: none;
		}		
		
	}
	
	@media (max-width: 1200px) {
		
		.center {
			width: 85%;
		}

		header #header-menu {
			width: 70%;
		}

		#reviews {
			padding-bottom: 200px;
		}
		
		#menu {
			padding-bottom: 200px;
		}
		
	}
	
	@media (max-width: 1024px) {
		
		.tab-content .breakfast-holder .breakfast-halfholder {
			width: 100%;
			margin-bottom: 35px;
			margin-top: 35px;
		}
        
        #map-overlay {
            display: none;
        }
        
        #bar {
            height: auto;
        }
        
        #bar h3, #bar p {
            display: block;
        }
		
		.icon-left {
			display: none;
		}
		
		.icon-right {
			display: none;
		}
		
	}
	
	@media (max-width: 800px) {
		
		.center {
			width: 95%;
		}
	
		header #header-menu {
			width: 90%;
		}
		
		header #header-menu .header-menuitem p {
			display: none;
		}

		header #header-menu .header-menuitem img {
			display: block;
            width: 80%;
            padding: 0;
		}
        
        header #header-slider img {
			width: 75%;
		}

		#reviews .center #reviews-text {
			width: 95%;
			margin: 0 auto;
			margin-top: 25px;
			z-index: 500;
		}

		.tab-content .breakfast-bigbreakfast .breakfast-left {
			width: 100%;
			float: left;
			margin-bottom: 35px;
		}
	
		.tab-content .breakfast-bigbreakfast .breakfast-right {
			width: 100%;
			float: left;
			padding-left: 0px;
		}
		
		.tab-content .breakfast-skillet .skillet-left {
			width: 100%;
			float: left;
			margin-bottom: 35px;
		}
		
		.tab-content .breakfast-skillet .skillet-right {
			width: 100%;
			float: left;
			padding-left: 0px;
		}
		
		.tab-content .breakfast-bigbreakfast #icon-bigbreakfast {
			display: none;
		}
		
		.tab-content .breakfast-bigbreakfast #title {
			font-size: 14pt;
			top: -15px;
		}
		
		.tab-content .breakfast-holder .breakfast-halfholder {
			padding: 0px;
		}

		.tab-content .breakfast-holder .breakfast-halfholder .pancakes .pancakes-holder {
			width: 95%;
		}

		.tab-content .breakfast-holder .breakfast-halfholder .sides .sides-holder {
			width: 95%;
		}
		
		ul.tabs li {
			background: none;
			width: 100%;
			float: left;
			cursor: pointer;
			text-align: center;
			padding: 15px;
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 12pt;
			color: #2f2f2f;
		}

		.tab-content .menu .menu-half {
			width: 100%;
			padding-left: 0px;
		}

		.tab-content .menu .menu-full .menu-title {
			position: absolute;
			top: -20px;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);
			padding: 1px;
			background: white;
			font-family: "EncodeSansSemiCondensedRegular", sans-serif;
			font-size: 16pt;
			color: #2f2f2f;
		}
		
		.tab-content .menu .menu-full {
			margin-top: 50px;
		}
		
		#stirfry {
			margin-bottom: 35px;
		}
		
		#seafood-half {
			margin-top: 50px;
		}
		
		#shrimp {
			width: 100%;
			max-width: none !important;
			margin-top: 50px;
		}

        #header-slideone {
            background: url(../images/slides/slide-specials-800.jpg) no-repeat center;
            background-size: cover;
        }

        #header-slidetwo {
            background: url(../images/slides/slide-beer-800.jpg) no-repeat center;
            background-size: cover;		
        }

        #header-slidethree {
            background: url(../images/slides/slide-takeout-800.jpg) no-repeat center;
            background-size: cover;		
        }

        .caption {
            top: 30%;
            padding: 30px 50px;
            font-size: 30pt;
        }
        
        #specials .center .specials-category {
			margin-top: 50px;
			width: 100%;
			float: left;
		}
        
	}
	
	@media (max-width: 600px) {
		
		#map #map-overlay {
			display: none;
		}
        
        #form .center .form-category {
            width: 90%;
        }
        
        #about .center p {
            font-size: 21px;
        }
        
        #bar img {
            right: 10px;
            width: 250px;
            top: -148px;
        }
		
	}

    @media (max-width: 414px) {
        #header-slideone {
            background: url(../images/slides/slide-specials-500.jpg) no-repeat center;
            background-size: cover;
        }

        #header-slidetwo {
            background: url(../images/slides/slide-beer-500.jpg) no-repeat center;
            background-size: cover;		
        }

        #header-slidethree {
            background: url(../images/slides/slide-takeout-500.jpg) no-repeat center;
            background-size: cover;		
        }

        .caption {
            top: 25%;
            padding: 20px 50px;
            font-size: 16pt;
        }
    }