/* Styles that Apply to Multi Page Sites Only. */
/* This keeps it seperate, allowing you to make global changes to all sites by simply replacing the other CSS files with changes you made to them */


.buttonsection{display:block;clear:both; margin:50px 0px}

 .logo .buttonsection a{
	text-align:center;
	border: 2px solid #000;
    color: #000;
    font-size: 30px;
    margin: 40px 25px 0px 25px;
    padding: 15px 30px;
}

 .logo .buttonsection a:hover{
	color:#fff!important;
 }

.page-id-52 .logo h1{font-size:40px;}
.restaurants ul{ margin:2px 0px 0px 0px;}
.restaurants ul li{
	display: inline-block;
	padding: 0px 6px;
	}
.restaurants ul li a{font-size:14px; }
.restaurants ul li a:hover{color:#000;}

.block-header .box-1 {-webkit-box-flex:1.3;-webkit-flex:1.3;-ms-flex:1.3;flex:1.3;margin:0 0px 0 0;}
.block-header .box-2 {-webkit-box-flex:8.2;-webkit-flex:8.2;-ms-flex:8.2;flex:8.2; text-align:right;}

a.apply{margin-right:0px;}

.logo .buttonsection a{background-color:#fff;}

.block-main-image{ max-height:700px;}
.two{ max-height:600px; height: 70vh}
.three{ max-height:600px; height: 70vh; padding-top:2%;}

.footersocial a{background-color:#c71f12;}
.footersocial a:hover{background-color:#ffffff; color:#c71f12}

@media screen and (max-width: 960px) {.box-1 {width:100%;} a.apply{width:80%; margin: 0 auto; text-align:center;} .block-navigation-primary {text-align:center;} .block-header .box-2{display:none;}}

@media screen and (min-width: 1100px) {
.restaurants ul li a{font-size:15px; }
.restaurants ul li{
	padding: 0px 8px;
	}

}

@media screen and (max-width: 720px) {
	.two{ height:100%; max-height:none!important;}
	.two .logo{padding:2%; width:95%;}
	.three{ height:100%; max-height:none!important;}
	.three {padding:5% 2% 10% 2%; width:100%%;}
	
	.logo h1{ font-size:55px;}
	.logo h2{ font-size:55px;}
	.logo h3{ font-size:24px; line-height:26px;}
	
	.logo .buttonsection a{ display: block; width:90%;margin: 5px auto;}
	.logo .buttonsection a{font-size:22px;}

}