/*
Theme Name: Mission Kitsilano
Theme URI: missionkits.ca
Description: Mission Kitsilano
Version: 1.0
Author: Peter Komierowski
Author URI: peterkstudio.com

*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
.container12, .container16 {
    margin:0 auto;
    padding:0;
    position:relative;
    width:1140px;
}
.row {margin-bottom:0px;}
.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}
.container12 .alpha, .container16 .alpha {margin-left:0;}
.container12 .omega, .container16 .omega {margin-right:0;}
.container12 .column1 {width:75px;}
.container12 .column2 {width:170px;}
.container12 .column3 {width:265px;}
.container12 .column4 {width:360px;}
.container12 .column5 {width:455px;}
.container12 .column6 {width:550px;}
.container12 .column7 {width:645px;}
.container12 .column8 {width:740px;}
.container12 .column9 {width:835px;}
.container12 .column10 {width:930px;}
.container12 .column11 {width:1025px;}
.container12 .column12 {width:1120px;}
.container12 .prefix1 {padding-left:95px;}
.container12 .prefix2 {padding-left:190px;}
.container12 .prefix3 {padding-left:285px;}
.container12 .prefix4 {padding-left:380px;}
.container12 .prefix5 {padding-left:475px;}
.container12 .prefix6 {padding-left:570px;}
.container12 .prefix7 {padding-left:665px;}
.container12 .prefix8 {padding-left:760px;}
.container12 .prefix9 {padding-left:855px;}
.container12 .prefix10 {padding-left:950px;}
.container12 .prefix11 {padding-left:1045px;}

.container16 .column1 {width:51.25px;}
.container16 .column2 {width:122.5px;}
.container16 .column3 {width:193.75px;}
.container16 .column4 {width:265px;}
.container16 .column5 {width:336.25px;}
.container16 .column6 {width:407.5px;}
.container16 .column7 {width:478.75px;}
.container16 .column8 {width:550px;}
.container16 .column9 {width:621.25px;}
.container16 .column10 {width:692.5px;}
.container16 .column11 {width:763.75px;}
.container16 .column12 {width:835px;}
.container16 .column13 {width:906.25px;}
.container16 .column14 {width:977.5px;}
.container16 .column15 {width:1048.75px;}
.container16 .column16 {width:1120px;}
.container16 .prefix1 {padding-left:71.25px;}
.container16 .prefix2 {padding-left:142.5px;}
.container16 .prefix3 {padding-left:213.75px;}
.container16 .prefix4 {padding-left:285px;}
.container16 .prefix5 {padding-left:356.25px;}
.container16 .prefix6 {padding-left:427.5px;}
.container16 .prefix7 {padding-left:498.75px;}
.container16 .prefix8 {padding-left:570px;}
.container16 .prefix9 {padding-left:641.25px;}
.container16 .prefix10 {padding-left:712.5px;}
.container16 .prefix11 {padding-left:783.75px;}
.container16 .prefix12 {padding-left:855px;}
.container16 .prefix13 {padding-left:926.25px;}
.container16 .prefix14 {padding-left:997.5px;}
.container16 .prefix15 {padding-left:1068.75px;}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
    .container12, .container16 {width:960px;}
    .container12 .column1 {width:60px;}
    .container12 .column2 {width:140px;}
    .container12 .column3 {width:220px;}
    .container12 .column4 {width:300px;}
    .container12 .column5 {width:380px;}
    .container12 .column6 {width:460px;}
    .container12 .column7 {width:540px;}
    .container12 .column8 {width:620px;}
    .container12 .column9 {width:700px;}
    .container12 .column10 {width:780px;}
    .container12 .column11 {width:860px;}
    .container12 .column12 {width:940px;}
    .container12 .prefix1 {padding-left:80px;}
    .container12 .prefix2 {padding-left:160px;}
    .container12 .prefix3 {padding-left:240px;}
    .container12 .prefix4 {padding-left:320px;}
    .container12 .prefix5 {padding-left:400px;}
    .container12 .prefix6 {padding-left:480px;}
    .container12 .prefix7 {padding-left:560px;}
    .container12 .prefix8 {padding-left:640px;}
    .container12 .prefix9 {padding-left:720px;}
    .container12 .prefix10 {padding-left:800px;}
    .container12 .prefix11 {padding-left:880px;}
    .container16 .column1 {width:40px;}
    .container16 .column2 {width:100px;}
    .container16 .column3 {width:160px;}
    .container16 .column4 {width:220px;}
    .container16 .column5 {width:280px;}
    .container16 .column6 {width:340px;}
    .container16 .column7 {width:400px;}
    .container16 .column8 {width:460px;}
    .container16 .column9 {width:520px;}
    .container16 .column10 {width:580px;}
    .container16 .column11 {width:640px;}
    .container16 .column12 {width:700px;}
    .container16 .column13 {width:760px;}
    .container16 .column14 {width:820px;}
    .container16 .column15 {width:880px;}
    .container16 .column16 {width:940px;}
    .container16 .prefix1 {padding-left:60px;}
    .container16 .prefix2 {padding-left:120px;}
    .container16 .prefix3 {padding-left:180px;}
    .container16 .prefix4 {padding-left:240px;}
    .container16 .prefix5 {padding-left:300px;}
    .container16 .prefix6 {padding-left:360px;}
    .container16 .prefix7 {padding-left:420px;}
    .container16 .prefix8 {padding-left:480px;}
    .container16 .prefix9 {padding-left:540px;}
    .container16 .prefix10 {padding-left:600px;}
    .container16 .prefix11 {padding-left:660px;}
    .container16 .prefix12 {padding-left:720px;}
    .container16 .prefix13 {padding-left:780px;}
    .container16 .prefix14 {padding-left:840px;}
    .container16 .prefix15 {padding-left:900px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container12, .container16 {width:768px;}
    .container12 .column1 {width:44px;}
    .container12 .column2 {width:108px;}
    .container12 .column3 {width:172px;}
    .container12 .column4 {width:236px;}
    .container12 .column5 {width:300px;}
    .container12 .column6 {width:364px;}
    .container12 .column7 {width:428px;}
    .container12 .column8 {width:492px;}
    .container12 .column9 {width:556px;}
    .container12 .column10 {width:620px;}
    .container12 .column11 {width:684px;}
    .container12 .column12 {width:748px;}
    .container12 .prefix1 {padding-left:64px;}
    .container12 .prefix2 {padding-left:128px;}
    .container12 .prefix3 {padding-left:192px;}
    .container12 .prefix4 {padding-left:256px;}
    .container12 .prefix5 {padding-left:320px;}
    .container12 .prefix6 {padding-left:384px;}
    .container12 .prefix7 {padding-left:448px;}
    .container12 .prefix8 {padding-left:512px;}
    .container12 .prefix9 {padding-left:576px;}
    .container12 .prefix10 {padding-left:640px;}
    .container12 .prefix11 {padding-left:704px;}
    .container16 .column1 {width:28px;}
    .container16 .column2 {width:76px;}
    .container16 .column3 {width:124px;}
    .container16 .column4 {width:172px;}
    .container16 .column5 {width:220px;}
    .container16 .column6 {width:268px;}
    .container16 .column7 {width:316px;}
    .container16 .column8 {width:364px;}
    .container16 .column9 {width:412px;}
    .container16 .column10 {width:460px;}
    .container16 .column11 {width:508px;}
    .container16 .column12 {width:556px;}
    .container16 .column13 {width:604px;}
    .container16 .column14 {width:652px;}
    .container16 .column15 {width:700px;}
    .container16 .column16 {width:748px;}
    .container16 .prefix1 {padding-left:48px;}
    .container16 .prefix2 {padding-left:96px;}
    .container16 .prefix3 {padding-left:144px;}
    .container16 .prefix4 {padding-left:192px;}
    .container16 .prefix5 {padding-left:240px;}
    .container16 .prefix6 {padding-left:288px;}
    .container16 .prefix7 {padding-left:336px;}
    .container16 .prefix8 {padding-left:384px;}
    .container16 .prefix9 {padding-left:432px;}
    .container16 .prefix10 {padding-left:480px;}
    .container16 .prefix11 {padding-left:528px;}
    .container16 .prefix12 {padding-left:576px;}
    .container16 .prefix13 {padding-left:624px;}
    .container16 .prefix14 {padding-left:672px;}
    .container16 .prefix15 {padding-left:720px;}
}

@media only screen and (max-width: 767px) {
    .container12, .container16 {width:300px;}
    .container12 .column1, .container16 .column1,
    .container12 .column2, .container16 .column2,
    .container12 .column3, .container16 .column3,
    .container12 .column4, .container16 .column4,
    .container12 .column5, .container16 .column5,
    .container12 .column6, .container16 .column6,
    .container12 .column7, .container16 .column7,
    .container12 .column8, .container16 .column8,
    .container12 .column9, .container16 .column9,
    .container12 .column10, .container16 .column10,
    .container12 .column11, .container16 .column11,
    .container12 .column12, .container16 .column12,
    .container16 .column13,
    .container16 .column14,
    .container16 .column15,
    .container16 .column16 {
        margin:0 0 20px 0;
        width:300px;
    }
    .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;}
    .row {margin:0;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container12, .container16 {width:420px;}
    .container12 .column1, .container16 .column1,
    .container12 .column2, .container16 .column2,
    .container12 .column3, .container16 .column3,
    .container12 .column4, .container16 .column4,
    .container12 .column5, .container16 .column5,
    .container12 .column6, .container16 .column6,
    .container12 .column7, .container16 .column7,
    .container12 .column8, .container16 .column8,
    .container12 .column9, .container16 .column9,
    .container12 .column10, .container16 .column10,
    .container12 .column11, .container16 .column11,
    .container12 .column12, .container16 .column12,
    .container16 .column13,
    .container16 .column14,
    .container16 .column15,
    .container16 .column16 {
        margin:0 0 20px 0;
        width:420px;
    }
    .container12 .prefix1, .container12 .prefix2, .container12 .prefix3, .container12 .prefix4, .container12 .prefix5, .container12 .prefix6, .container12 .prefix7, .container12 .prefix8, .container12 .prefix9, .container12 .prefix10, .container12 .prefix11, .container16 .prefix1, .container16 .prefix2, .container16 .prefix3, .container16 .prefix4, .container16 .prefix5, .container16 .prefix6, .container16 .prefix7, .container16 .prefix8, .container16 .prefix9, .container16 .prefix10, .container16 .prefix11, .container16 .prefix12, .container16 .prefix13, .container16 .prefix14, .container16 .prefix15 {padding-left:0;}
    .row {margin:0;}
}
.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after, .container16:before, .container16:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}

.row:after, .clearfix:after, .container12:after, .container16:after {clear:both;}
/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {zoom: 1;}
img, object, embed {max-width:100%;}
img {height:auto;}

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/


html{
 height:100%;
 min-height:100%;
 }

body { 
	 min-height:100%;
	font: 24px/38px 'alternate-gothic-no-1-d';
 	color: rgb(50,50,50); 
background-color: #ffffff;  
font-weight: 500; 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
    letter-spacing: 1.25px;
}
a { text-decoration: none;}
.clear { clear: both; }
h1, h2, h3, h4, h5, h6 {  padding-bottom: 10px; line-height: 1em; font-weight: 500; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p {padding-bottom:4px;}
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote p { padding-bottom: 0px; }

input { -webkit-appearance: none; }
input[type=checkbox] { -webkit-appearance: checkbox; }
input[type=radio] { -webkit-appearance: radio; }
input[type=text],input.text, input.title, textarea, select { background-color:#fff;color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input[type=email], input[type=tel], input.text, input.title, textarea, select {
    margin: 0;
  height: 40px;
  border: 0px;
  font-size: 24px;
  padding: 10px;
  font-family: alternate-gothic-no-1-d;
  border-radius: 0;
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  outline: 1px inset black;
  outline-offset: -1px;
}

select{
    height:60px;
    width:100px;
}
textarea { resize:none; height:80px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


::selection{
	background:#ffd800;
}

.section{
    padding:120px 0;
}
.left{
    float:left;
}

.right{
    float:right;
}
.white{
	color:rgb(255,255,255);
}

.bigger{
	font-size:32px;
	line-height:60px;
}

.wide{
	letter-spacing: 8px;
}

.button, .otw-submit, .wpcf7-submit{
    font-family: 'alternate-gothic-no-1-d';
    font-size:32px;
	text-transform:uppercase;

	padding:15px 20px;
	border:2px solid rgb(50,50,50);
	width:230px;
	text-align:center;
	margin:auto;
	cursor:pointer;
	-moz-transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.wpcf7-submit{
    margin-top:40px;
    width:100%;
}
.otw-submit, .wpcf7-submit{
    background-color: white;
}

.button:hover, .otw-submit:hover, .wpcf7-submit:hover{
	background:rgb(50,50,50);
	color:white;
}


.center{
	text-align:center;
}

.read_more, .archive{
	display:none;
	padding-bottom:0;
}

.relative{
	position:relative;
}


.hidden{
	display:hidden;
}
h1{
	font:40px/1 'alternate-gothic-no-1-d';
	letter-spacing:3px;
	text-transform:uppercase;
	text-align:center;
}

h2{

	font: 36px/1 'alternate-gothic-no-1-d';
	text-transform: uppercase;
}

h3{
	font-size:36px;
    text-transform: uppercase;
}

h4{
	font:25px/30px 'alternate-gothic-no-1-d';
	letter-spacing:2px;
	text-transform:uppercase;
}

a{
	color:black;
	-moz-transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

a:hover, .archive_trigger:hover{
	color:#ffd800;
    cursor:pointer;
}

ul{
    list-style: none;
}

/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
	
	
	

	#main-header { 
		line-height: 23px;
		font-weight: 500; 
		background-color: #fff; 
		width: 100%; 
		z-index: 99999; 
		padding: 18px 0 0 0; 
		height: 60px;  
		-moz-transition: all 0.2s ease-in-out; 
		-webkit-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out; 
		position:fixed;
		top: 0; 
	}

#top-menu-nav{
		  float:right;
}

	#top-menu {
	  margin: 0 auto;
	  padding: 0;
	  list-style: none;
	}

	#top-menu li {
        display:inline-block;
	  float: left;
	  width: 97px;
	}


	#top-menu li a {
		font:24px/1 'alternate-gothic-no-1-d';
		letter-spacing:2px;
	  text-transform: uppercase;
	  text-decoration: none;
		color:black;
	  display: block;
	  text-align: center;
	  padding: 12px 0 0 0;
	  height: 28px;
		-moz-transition: all 0.2s ease-in-out; 
		-webkit-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out;
	}

	#top-menu li  a:hover {
		
	  color:#ffd800;
	}

	#nav-logo {
	  position: absolute;
      width:140px;
	 
	}
 


	#menu-icon {

		display: none;
		width: 40px;
		height: 40px;
		background: url(images/burger.jpg)center center no-repeat;
		background-size:80%;

	}
	
	a:hover#menu-icon {

		background: url(images/burger_hover.jpg)center center no-repeat;
		background-size:80%;

	}
	.embed-container { 
        position: relative; 
        padding-bottom: 36.25%; 
        height: 0; 
        overflow: hidden;
        max-width: 65%; 
        margin:0 auto;
        margin-bottom:80px;
    } 

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

	
	#home{	
        height:740px;
		margin-top:60px;
        text-align:center;
	}
	
	#hero h1{
		padding-bottom:140px;
	}
	


.hero-blur{
    position:absolute;
    top:0;
    left:0;
  width: 100%;
  z-index: -1;

}
.hero-blur div{
    width: 100%;
    position:absolute;
    height: 720px;
    margin-top:60px;
    padding:120px 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.blur{
  opacity: 0;
}
.main-logo{
		width:250px;
        margin:80px 0;
	}

.reserve-btn{
    margin-top:120px;
    font-family: 'alternate-gothic-no-1-d';
    font-size:32px;
	text-transform:uppercase;
    color:white;
	padding:15px 50px;
	border:2px solid white;
	text-align:center;
	margin:auto;
	cursor:pointer;
	-moz-transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}


.reserve-btn:hover{
    color:black;
    background-color:white;
}
	

.btn-container{
    margin:80px auto;
}

	

	#menu{
        z-index:2;
		background:url(images/menu-bg.jpg) center center fixed no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		text-align:center;
		height:auto;
   
    }

.post{
    margin-top:30px;
    background-color:white;
    padding:50px 50px;
}

.post:nth-child(3){
    clear:both;

}
#name{
    background-color: black;
    color:white;
}

#name h2{
    text-align: center;
}



/* Contact Form*/


.hasDatepicker{
background: url(images/calendar-icon.png) 96% no-repeat;
}


 .wpcf7-captchar{
       width: 50%;
 }

.time-select{
    position: relative;
    left:45px;
    padding-bottom:40px;
}

.textarea-973 textarea{
    width:80px;
    height:40px;
}

.party-select{
    position: relative;
    right:45px;
     padding-bottom:40px;
}

#ui-datepicker-div{
    border-radius: 0px!important;
      width: 210px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
      font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  line-height: 30px;
}
    .ui-datepicker-header {
        background:white !important;
    }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
    border-radius: 0px!important;
}

/* Open Table */


.powered-by-open-table{
    display:none;
}

.otw-widget-form-wrap label{
    font-size: 24px!important;
}

.otw-input-wrap{
    margin-bottom:30px !important;
}

.otw-widget-form-wrap input[type=text]{
    height:60px;
    color:black !important;
    border-radius: 0px !important;
    border:1px solid black !important;
    font-size:16px;
}

.btn, .dropdown-toggle, .btn-default{
  height: 60px;
  border: 1px solid black !important;
  border-radius: 0px !important;
  background: white !important;
  color: black !important;
  font-size: 16px !important;
}


.dropdown-menu li a {
    font-size:24px !important;
}

.open-table-widget .dropdown-menu>li>a:hover, .open-table-widget .dropdown-menu>li>a:focus{
    
    background-color:#ffd800 !important;
}

.caret{
    opacity:1 !important;
}


.otw-submit{
    margin-top:60px;
}



/*Bookenda*/

.bookenda{
    width:70%;
    max-width:1400px;
    height:810px;
    border:0 solid #fff;
}



#footer{
    background-color:black;
    color:white;
    height:auto;
    padding-top:80px;
    text-align: left;
}

#footer a{
    color:white;
}

#footer a:hover{
   color:#ffd800;
}

.goat{
    text-align:center;
}
.goat-logo{
    width:160px;
    padding-top:70px;
}




	footer{
        width:100%;
        margin:0 auto;
		padding-top:60px;
	}


	footer p{
        text-align: center;
    }
	

.press{
    line-height: 24px;
}

.social{
    list-style:none;
    margin:40px 0 0 0;
    padding:0;
    text-align:center;
}

.social li{
    display:inline;

 
}

.social li a{
    height:7px;
    display:inline-block;
    padding:10px 20px;
    
}
.social svg{
    height:25px;
}
.social svg path{
-moz-transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}
.social a:hover svg path{
    fill:#ffd800;
    

}



/* ============================= */
/* ! Layout for smaller screens  */
/* ============================= */

@media only screen and (max-width: 959px) {
    
    body { 

	font: 18px/30px 'alternate-gothic-no-1-d';
}
    
    h2{
        font-size:28px;
    }
    .bigger{
	font-size:26px;
	line-height:50px;
}

  
	#home{	
		background: url(http://missionkits.ca/wp-content/themes/Mission/images/hero.jpg)no-repeat center center;
	}
	
.hero-blur{
   display:none;

}

    
  
 
    input[type=text], input[type=email], input[type=tel], input.text, input.title, textarea, select {
        width:96%;
        padding:10px 0 10px 10px;

    }
    
    .time-select{
        left:0px;
    }
    .party-select{
        right:20px;
    }
    
    .wpcf7-submit{
        width:100%;
    }
}
	
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px)  {

	
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		padding:20px 20px;
	}
	
	.twocol{
		display:none;
	}
	
	.row{
		padding:20px 0;
	}
	

    section{
        padding:50px 0;
    }
	
	#nav-logo {
		display:none;
	}
    
    #home{
        margin-top:0px;
    }
    
	#main-header{
		background:transparent;
		min-height:48px;
		-webkit-box-shadow:none;
		box-shadow:none;
		padding:0px;
	}
	
	#menu-icon {

			display:inline-block;

		}
	#top-menu-nav{
		  padding: 20px;
        
	}
		
	#top-menu-nav ul, #top-menu-nav:active ul { 

				display: none;
				position: absolute;
				padding: 10px;
				background: #fff;
				right: -10px;
				top: 46px;
				width: 50%;


		}
	#top-menu-nav li {

				text-align: center;
				width: 100%;
				padding: 10px 0;
				margin: 0;

			}

	
			
			
	#top-menu li:nth-of-type(4) {
		margin-left: 0px;
			}
			
			
			
			

	

	.main-logo{
		width:160px;
	}
	
    .btn-container{
    margin:0 auto;
    }
	
    .reserve-btn{
        font-size:22px;
    }
	
	.read_more{
		padding-bottom:0;
	}
	
    #menu{
        background-image: none;
        background-color: black;
    }
	
    
    .bookenda{
        width:100%;
    height:900px;

}
    
	
}


	

/* ============================= */
/* ! Layout for mobile portrait  */
/* ============================= */

@media handheld, only screen and (max-width: 320px) {

}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}


.onecol {
width: 4.7%;
}

.twocol {
width: 13.2%;
}

.threecol {
width: 22.05%;
}

.fourcol {
width: 30.6%;
}

.fivecol {
width: 39%;
}

.sixcol {
width: 48%;
}

.sevencol {
width: 56.75%;
}

.eightcol {
width: 61.6%;
}

.ninecol {
width: 74.05%;
}

.tencol {
width: 82%;
}

.elevencol {
width: 91.35%;
}