html, body	{
	height : 100%;
	}
body	{
	background : white;
	background-color: #f5f5f5;
	margin : 0px;

	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;	color : black;
	font-size : 11pt;
	-webkit-text-size-adjust: none;
	}
h1, h2, h3	{
	font-family : Tahoma, Calibri, arial, Time New Roman, serif;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
//	font-weight : normal;
	}
h1	{
	font-size : 2em;
	text-align : center;
	}
h2	{
	font-size : 1.2em;
	letter-spacing : 2px;
	}
h3	{
	font-size : 1.1em;
	}
hr	{
	height : 20px;
	background : #c0e8f5;
	border : none;
	}
#page_width	{
	display : none;
	}

img	{
	width : 100%;
	}

li li	{
	list-style-type : none;
	}

.home_text ul, li	{
	list-style-type : none;
	padding : 0px;
	margin : 0px;

	}

.footer_content, .home_text, .homenav, .privacy_text	{
	width : 95%;
	max-width : 920px;
	margin : 20px auto;
	background : none;
	}
.home_text	{
	text-align : left;
	}
.footer	{
	width : 100%;
	background : #c0e8f2;
	position: relative;
	margin-top: 20px;
	padding: 20px 0px;
	min-height: 226px;
	display : flex;
	flex-direction : column;
	justify-content : center;
	align-items : center;
	color : #7f7f7f;
	}
.footer p	{
	color : #7f7f7f;
	margin-top : 20px;
	}
.footer_bottom, .footer_top, .foot_right	{
	display : flex;
	flex-direction : row;
	justify-content : space-around;
	align-items : center;
	}
.foot_right	{
	align-items : stretch;
	}
.footer_bottom, .footer_top	{
	width : 100%;
	max-width : 820px;
	}
.foot_right 	{
	border-left : solid 1px #7f7f7f;
	}
.foot_right .social_links	{
	display : flex;
	display : none;
	flex-direction : column;

	}
.foot_right .social_links img	{
	width : 20px;
	margin : 5px 20px; 
	}

.footer_bottom	{
	justify-content : space-between;
	}
.footer_bottom div:first-child	{
	width : 50%;
	}
.instagram	{
	position : absolute;
	top : 100px;
	right : 20px;
	}


.foot_1	{
	width : 100%;
	}
.foot_1:first-child	{
	text-align : center;
	margin : 20px 0px;
	}
.social_link	{
	margin : 5px 0px 5px 10px;
	height : 20px;
	}
.foot_right .social_link, .foot_right .social_link:hover 	{
	text-transform : uppercase;
	text-decoration : none;
	font-weight : bold;
	color : #bebebe;
	text-align : left;
	line-height : 20px !important;
	padding : 0px 0px 0px 40px;
	}
.facebook	{
	background-image : url("../images/facebook.png");
	background-repeat : no-repeat;
	background-position : left top;
	background-size : 20px 20px;
	}
.twitter	{
	background-image : url("../images/twitter.png");
	background-repeat : no-repeat;
	background-position : left top;
	background-size : 20px 20px;
	}
.linkedin	{
	background-image : url("../images/linked_in.png");
	background-repeat : no-repeat;
	background-position : left top;
	background-size : 20px 20px;
	}
.instagram	{
	background-image : url("../images/instagram.png");
	background-repeat : no-repeat;
	background-position : left top;
	background-size : 20px 20px;
	}

.foot_nav  {
	display : flex;
	flex-direction : column;
	flex-direction : row;
	flex-wrap : wrap;
     }
.foot_nav a	{
	color : #7f7f7f;
	color : #000000;
	margin : 5px 0px 5px 9%;
	width : 100%;
	text-decoration : none;
	}
.foot_nav a:hover	{
	text-decoration : none;
	}

.footer .copyright {
	margin-bottom: 0;
	text-align: center;
	font-size: 14px;
	}
.footer .copyright a {
	margin-bottom: 0;
	text-align: center;
	font-size: 12px;
	text-decoration : none;
	}

.columns	{
	display : flex;
	flex-direction : row;
	justify-content : space-between;
	align-items : center;
	margin : 20px 0px;
	}
.column	{
	display : block;
	width : 49%;
	max-width : 49%;
	}

.opening_times	{
	width : 100%;
	text-align : left;
*/*	display : flex;
	flex-direction : row;
	justify-content : flex-start;
	align-items : flex-start;
*/
	}
.opening_times div	{
	color : #eeeeee;
	}
.opening_times .bar, .opening_times .food {
	width : 50%;
	} 

.opening_cols	{
	display : flex;
	flex-direction : row;
	justify-content : flex-start;
	align-items : center;
	margin : 5px 0px;
	width : 100%;
	}

p.opening_times	{
	font-weight : bold;
	font-size : 1.2em;
	}

.food .mobile_only	{
	display : none;
	}
.opening_cols div {
	width : 50%;
	}

.gallery_area	{
	display : flex;
	flex-direction : row;
	justify-content : center;
	align-items : center;
	flex-wrap : wrap;
	}
.gallery_area a	{
	margin : 10px;
	}

.product_listing,
.image_link_gallery,
.gallery	{
	display : flex;
	flex-direction : row;
	justify-content : center;
	align-items : stretch;
	flex-wrap : wrap;
	margin : 0px 0px;
	}
.product_listing,
.gallery_start	{
	justify-content : flex-start;
	align-items : flex-start;
	}
.gallery a	{
	margin : 5px;
	}
.gallery img	{
	height : 150px;
	}

.product_list {
	color : black;
	}



.menu_page	{
	display : flex;
	flex-direction : row;
	justify-content : space-between;
	align-items : flex-start;
	flex-wrap : wrap;
	max-width : 600px;
	margin : 0px auto;
	}
.menu_page a	{
	width : 260px;
	height : 260px;
border-radius : 130px;
	display : flex;
	justify-content : center;
	align-items : center;
	background-size : cover;
	background-position : center;
	background-repeat : no-repeat;
	text-decoration : none;
	color : #000000;
	margin : 10px;
	}
.menu_page a h1	{
	font-size : 1.5em;
	background : rgba(255, 255, 255, .5);
	padding : 10px;
	border-radius : 20px;
	}
.menu_page a:nth-child(1)	{
	background-image : url(../images/main_menu.jpg);
	}
.menu_page a:nth-child(2)	{
	background-image : url(../images/lunch_menu.jpg);
	}
.menu_page a:nth-child(3)	{
	background-image : url(../images/sunday_menu.jpg);
	}
.menu_page a:nth-child(4)	{
	background-image : url(../images/bar_snack_menu.jpg);
	}

.menu	{
	display : flex;
	flex-direction : row;
	justify-content : space-between;
	align-items : flex-start;
	flex-wrap : wrap;
	}
.menu div	{
	width : 46%!important;
	}


.home_shop_button	{
	display : flex;
	flex-direction : row;
	justify-content : center;
	align-items : center;
	width : 100%;
	height : 350px;
	color : white;
	font-weight : bold;
	font-size : 2em;
	text-transform : none;
	background-size : cover;
	background-position : center;
	background-repeat : no-repeat;
	}
.home_buttons a	{
	text-decoration : none;
	}
.product_buttons	{
	width : 95%;
	margin : 0px auto;
	}

#gallery	{
	width : 100%;
	height : 100px;
	}
.internal_image	{
	width : 100%;
	}

.partners	{
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	justify-content : space-around;
	align-items : center;
	}
.partners div	{
	margin : 30px 10px;
	}

.newsitem	{
	margin : 30px auto;
	}

#nav	{
	width : 100%;
	justify-content : space-between;
	align-items : center;
	display : flex;
	margin : 20px 10px 0px 10px;
	}
#nav a	{
	text-decoration : none;
	color : white;
	color : #000000;
	letter-spacing: 0.01em;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
	transition-duration: .2s;
	transition-timing-function: ease-in-out;
	margin : 0px 7px;
	font-size : 1em;
	}
#nav .current	{
	font-weight : 600;
	font-size : 1.4em;
	}
#mobile_nav a	{
	text-decoration : none;
	color : #0f9cd4;
	margin : 5px 15px;
	line-height : 2em;
	width : 100%;
	font-size : 1.2em;
	font-weight : normal;
	text-transform : uppercase;
	
	}

#mobile_nav a	{
	text-decoration : none;
	color : #003d97;
	margin : 5px 15px;
	line-height : 2em;
	width : 100%;
	font-size : 1em;
	font-weight : normal;
	}

#mobile_nav_button	{
	display : none;
	position : absolute;
	top : 5px;
	left : 10px;
	width : 40px!important;
	height : 40px!important;
	z-index : 2;
	}
#mobile_nav	{
	position : absolute;
	top : 0px;
	left : 5px;
	margin : -550px auto 0px auto;
	display : flex;
	flex-direction : column;
	justify-content : center;
	align-items : flex-start;
	background : white;
	box-shadow : 5px 5px 5px rgba(0, 0, 0, .5);
	border : solid 1px #0f9cd4;
	border-radius : 10px;
	z-index : 1000;
	width : 232px;

	}

#mobile_nav .subnav	{
	position : relative;
	display : flex;
	flex-direction : column;
	justify-content : flex-start;
        align-items : stretch;
	text-align : left;
	margin-left : 0px;
	font-size : .9em;
	}

#mobile_nav	{
	position : absolute;
	top : 0px;
	left : 5px;
	margin : -420px auto 0px auto;
	display : none;
	flex-direction : column;
	justify-content : center;
	align-items : flex-start;
	background : white;
	box-shadow : 5px 5px 5px rgba(0, 0, 0, .5);
	border : solid 1px #0f9cd4;
	border-radius : 10px;
	z-index : 1000;
	}

.homenav	{
	display : flex;
	flex-direction : column;
	justify-content : flex-start;
	align-items : center;
	}
.instagram	{
	position : absolute;
	top : 150px;
	right : 20%;
	}

.logo	{
	width : 200px;
	}

.contact_form	{
	display : flex;
	flex-direction : column;
	width : 300px!important;
	margin : 0px auto;
	}

.contact_form input[type=text],
.contact_form textarea	{
	width : 300px;
	margin : 5px 0px;
	font-size : 16px;
	font-family : Tahoma, Calibri, arial, Time New Roman, serif;
	border-left : none;
	border-right : none;
	border-top : solid 1px #888888;
	border-bottom : solid 1px #888888;
	padding : 3px 0px;
	}
.contact_form input[type=text]:focus,
.contact_form textarea:focus	{
	outline : none;
	background : #efefef;
	}
.contact_form textarea	{
	height : 100px;
	}

.contact_form input[type=button]	{
	width : 100px;
	margin : 5px 0px;
	font-family : Tahoma, Calibri, arial, Time New Roman, serif;
	font-size : 16px;
	}

.food	{
	
	}
.food h1	{
	position : absolute;
	color : white;
	margin : 0px;
	padding : 0px;
	opacity : 0;
	line-height : 1em;
	}


.overbox	{
	padding : 10px;
	position : absolute;
	left : 30%;
	top : 0px;
	font-family : Roboto, arial, san-serif;
	line-height : 1em;
	border : solid 1px #6c4794;
	border-radius : 10px;
	box-shadow : 10px 10px 10px rgba(0, 0, 0, .5);
	background : white;
	margin-top : -100px;
	width : 270px;
	z-index : 1000;
	color : black;
	color: #757575;
	}
#messagehide 	{
	float : right;
	font-size : .7em;
	}
#message input[type="button"]	{
	margin-top : 10px;
	font-size : .7em;
	border-radius : 10px;
	}
#message	{
	font-size : .9em;
	}

@media screen and (max-width: 1000px) {
  #nav	{
	display : none;
	}
  #mobile_nav_button	{
	display : block;
	}
  #mobile_nav	{
	display : flex;
	}
  .home_shop_button	{
	height : 250px;
	}
  .logo	{
	width : 200px;
	}
  .instagram	{
	top : 150px;
	right : 10%;
	}


}


@media screen and (max-width: 990px) {
    .pp_pic_holder.pp_default	{
        width: 100%!important;
        margin-top:-100px !important;
        left: 0!important;
        overflow: hidden;
	}
    div.pp_default .pp_content_container .pp_left	{
        padding-left: 0!important;
	}
    div.pp_default .pp_content_container .pp_right	{
        padding-right: 0!important;
	}
    .pp_content	{
        width: 100%!important;
        height: auto!important;
	}
    .pp_fade	{
        width: 100%!important;
        height: 100%!important;
	}
    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery,
    .pp_top,
    .pp_bottom	{
        display: none!important;
	}
    #pp_full_res img	{
        width: 100%!important;
        height: auto!important;
	}
    .pp_details	{
        box-sizing: border-box;
        width: 100%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px!important;
	}
    a.pp_close	{
        right: 10px!important;
        top: 10px!important;
	}

}

.columns, .columns_50, .columns_33, .columns_25, .columns_20  	{
	display : flex;
	flex-direction : row;
	justify-content : space-between;
	align-items : flex-start;
	flex-wrap : no-wrap;
	}

.column,
.column_50	{
	width : 45%;
	} 
.column_33	{
	width : 30%!important;
	}
.column_66	{
	width : 62%!important;
	}
.column_25	{
	width : 23%!important;
	}
.column_20	{
	width : 18%!important;
	}
.column img,
.column_50 img,
.column_33 img,
.column_25 img,
.column_66 img,
.column_20 img	{
	width : 100%;
	}
@media screen and (max-width: 900px) {

  .columns,
  .columns_50	{
	flex-direction : column;
	} 
  .column,
  .column_33,
  .column_50	{
	width : 100%!important;
	}
  .column_20	{
	width : 45%;
	}
}

@media screen and (max-width: 700px) {
  .columns,
  .columns_33	{
	flex-direction : column;
	} 
  .column_66,
  .column_33	{
	width : 100%!important;
	}
  .columns_25  	{
	flex-direction : column;
	}
  .column_25	{
	width : 100%!important;
	}

}
@media screen and (max-width: 500px) {
  .columns_20  	{
	flex-direction : column;
	}
  .column_20	{
	width : 100%;
	}
}

@media screen and (max-width: 800px) {
  .logo	{
	width : 200px;
	}
  .instagram	{
	top : 150px;
	right : 20px;
	width : 80px;
	}

  .mci_logo	{
	width : 49px;
	}
  .social_links, .homenav	{
	height : 200px;
	}


}

@media screen and (max-width: 670px) {
  .footer_top	{
	flex-direction : column;
	}
  .opening_times	{
	flex-direction : column;
	}
  .opening_times .bar, .opening_times .food {
	width : 100%;
	} 
  .food .mobile_only	{
	display : block;
	}
  .opening_cols div {
	width : 33%;
	}


}

@media screen and (max-width: 620px) {
  .menu_page	{
	display : flex;
	flex-direction : column;
	justify-content : center;
	align-items : center;
	flex-wrap : wrap;
	}
}

@media screen and (max-width: 550px) {
  .logo	{
	width : 100px;
	}
  .instagram	{
	top : 60px;
	}

  .social_links, .homenav	{
	height : 100px;
	}
  .menu	{
	flex-direction : column;
	justify-content : flex-start;
	}
  .menu div	{
	width : 100%!important;
	}

}
@media screen and (max-width: 420px) {
  .home_shop_button	{
	font-size : 1.7em;
	}


}
.home_background	{
	background-image: linear-gradient(to right, red , yellow);
	position: absolute;
	top: 0;
	left: 0;
	z-index :0;

	background-repeat : no-repeat;
	background-position : left top;
	background-size : cover;
	width : 100%;
	}

.nav a	{
	text-decoration : none;
	color : white;
	color : #000000;
	letter-spacing: 0.01em;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
	transition-duration: .2s;
	transition-timing-function: ease-in-out;
	margin : 0px 7px;
	font-size : 1em;
	}
.nav a img	{
	width : 250px;
	}

.full_width 	{
	width : 90%;
	margin : 0px auto;
	}
h1, h2	{
	color : #000000;
	}
#slidearea, #slidearea .parkedimage, #banner_image {
    width: 100%;
    height: auto;
}