html {padding: 0; margin: 0; font-family: 'Helvetica'; width: 100%; height: 100%;}
body {padding: 0px; margin: 0; width: 100%; height: 100%; text-align: center;}

* {
    box-sizing: border-box;
}

.mobile-show {display: none;}

h2 {font-size: 36px;}
h3 {font-size: 25px; font-weight: normal; line-height: 36px; margin: 0px; padding: 0px;}
p {font-size: 20px; line-height: 26px; font-weight: normal;}

a {color: #000; text-decoration: none; font-weight: bold; font-size: 24px; line-height: 30px;}
a:hover {color: #06a49a;}
.blue {color: #06a49a;}

.row-header {
  display: flex;
  align-items: center;
  position: fixed;
  background-color: #fff;
  width: 100%;
  padding: 30px 0px 0px 5%;
  z-index: 1000000;
}

.active {color: #06a49a !important;}

.logo {margin-right: 15px;}
.logo img {width: 80px;}
.menu {}
.menu ul {list-style-type: none; padding: 0; margin: 0;}
.menu li {display: inline-block; padding: 0; margin: 0 5px;}
.menu a {color: #000; text-decoration: none; font-weight: bold; font-size: 18px;}
.menu a:hover {color: #06a49a;}

.social img {width:20px;}

.hm-row-flex {display: flex; padding-top: 200px;}
.hm-colx2-1-1 {width: 25%; text-align: left; margin-left: 5%; padding-right: 8%;}
.hm-colx2-1-2 {width: 70%; text-align: left; margin-right: 5%;}

.content {width: 70%;}
.box-poster {margin-top: 30px;}
.box-photo {margin-top: 70px;}
.box-photo h3 {margin-bottom: 30px;}

.tleft {text-align: left;}
.img100 img {width: 100%;}
.flex {display: flex;}

.content-1-1 {width: 75%;}
.content-1-2 {width: 25%; text-align: right;}

.box-partytray {width: 80%; margin: 50px 0px;}
.divider-line {border-top: 4px solid #000; padding-top: 50px;}

.row-full {width: 90%; margin: 100px auto 50px auto;}
.row-title {margin: 0 0 30px 0;}
.row-banner {margin: 0 0 30px 0;}
.row-content {width: 50%;}
.row-content-full {width: 100%;}
.row-button {}

.menu-list {list-style-type: none; margin: 0px; padding: 0px;}

.map {margin-top: 50px;}

.hours {margin-top: 30px; width: 50%;}
.hours ul {list-style-type: none; margin: 0px; padding: 0px; font-size: 25px; font-weight: normal; line-height: 36px; }
.hours li {margin: 0px; padding: 0px;}

ol {font-size: 25px; font-weight: normal; line-height: 36px; }


.footer {padding: 0px 5% 50px 5%; text-align: left;}
.footer p, .footer a {font-size: 16px;}



/*Responsive Styles*/

@media screen and (max-width : 1100px){

.banner .img-box {width: 60%;}
.pic-1 .img-box {width: 100%;}

  
}/* end media 700px */

@media screen and (max-width : 700px){

.mobile-hide {display: none;}
.mobile-show {display: block;}

.logo {margin-right: 10px;}
.logo img {width: 80px;}
.menu {}
.menu ul {list-style-type: none; padding: 0; margin: 0;}
.menu li {display: inline-block; padding: 0; margin: 0 2px;}
.menu a {color: #000; text-decoration: none; font-weight: bold; font-size: 16px;}

.hm-row-flex {display: flex; padding-top: 150px; flex-direction: column-reverse;}
.hm-colx2-1-1 {width: 90%; text-align: left; margin-left: 5%; padding-right: 8%; margin: 50px auto 0 auto;}
.hm-colx2-1-2 {width: 90%; text-align: left; margin: 0 auto;}

.content {width: 90%;}
.box-photo {margin-top: 30px;}
.row-full {width: 90%; margin: 50px auto 50px auto;}
.row-content {width: 100%;}
.hours {margin-top: 30px; width: 90%;}
h3 {font-size: 22px; font-weight: normal; line-height: 32px; margin: 0px; padding: 0px;}
.hours ul {list-style-type: none; margin: 0px; padding: 0px; font-size: 22px; font-weight: normal; line-height: 32px; }
ol {font-size: 22px; font-weight: normal; line-height: 32px; }

.box-partytray {width: 90%; margin: 50px 0px;}
.content-1-1 {width: 85%;}
.content-1-2 {width: 15%; text-align: right;}
  
}/* end media 700px */