*{
	box-sizing: border-box;
	font-family: Microsoft Tai Le;
}
.container{
	width:100%;
}
.row{ 
	display:block ruby;
}
.col-lg-12 {
	width: 100%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-1 {
	width: 8.33333333%;
}
.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1 {
	float:left;
}

html{
	scroll-behavior: smooth;
}

marquee{
	font-size:21px;
	padding: 10px;
	background-color: white;
	font-weight: 800;
}

.hero-text h1 {
	font-weight: 600;
	line-height: 1.3;
}

.location {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: 100;
	margin-bottom: 24px;
}

#cta {
	margin-bottom: 32px;
}

.home-page-mid-menu ul{
	display: block ruby;
}

.home-page-mid-menu {
	margin-left: 0px;
}

.home-page-mid-menu{
	font-size: 1.3em;
	padding: 40px 0px 30px 0px;
	color:black; 
	background-color: white;
	color: #034078;
}

.home-page-mid-menu a{
	color: #034078;
	font-size: 1.15em;
}

.home-page-mid-menu a:hover{
	cursor: pointer;
	text-decoration: none;
	color: #034078;
}

.home-page-mid-menu a:focus{
	cursor: pointer;
	text-decoration: none;
}
.home-page-mid-menu 
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}

nav ul li a:hover {
  color: #555;
}

nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  color: white;
  background: white;
  height: 1px;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}

.our-menu-heading{
	background: #034078;
	text-align: center;
	color: white;
	font-weight: 800;
	padding: 32px;
	font-size: 44px;
	border-radius: 16px;
	margin-bottom: 38px;
}

.our-menu-heading:hover{
	text-decoration:none;
}

div.gallery {
  margin: 10px 0px 50px 0px;
  float: left;
  width: 100%;
  border-radius: 8px 8px 0px 0px;
  
}


div.gallery img {
  width: 100%;
  height: auto;  
  border-radius: 8px 8px 0px 0px;
}

div.desc {
	padding: 15px;
	text-align: center;
	font-size: 1.3em;
	color: #034078;	
	border-radius: 0px 0px 8px 8px;
	background-color: #f0efe6; 
}
div.desc a{
	color: black;
	border-radius: 0px 0px 8px 8px;
	background-color: #f0efe6;
}

div.gallery:hover .desc a{
	text-decoration: none;
	color: #034078;
}


/*************** Media Query **************/

@media only screen and (max-width:1024px){
	.home-page-mid-menu li{
		padding: 0px;
	}
	
	.home-page-mid-menu ul{
		margin-right: -240px
	}
	
	.home-page-mid-menu .col-lg-1{
		display: none;
	}
}

@media only screen and (max-width: 898px){
	.home-page-mid-menu ul{
		margin-right: -200px
	}
	
	div.desc {
		padding: 10px;
		text-align: center;
		font-size: 1.10em;
	}
}

@media only screen and (max-width: 848px){
	.stroke ul{
		display: grid;
	}
	
	.home-page-mid-menu li{
		margin-bottom: 27px;
		text-align: center;
		font-size: 1.5em;
	}
	
	.home-page-mid-menu{
		padding: 44px 0px 0px 0px;
		word-spacing: 2px;
	}
	
	.home-page-mid-menu ul {
		margin-right: -78px;
	}
	
	.col-lg-10 {
		width: 83.33333333%;
	}
	
	.col-lg-4 {
		width: 33.33333333%;
	}
	
	.col-lg-5 {
		width: 41.66666667%;
	}
	
	.menu-area-mobile{
		margin-left: 43px;
	}
	
	#item-mobile{
		margin-right: 25px;
	}
}

@media only screen and (max-width: 700px){
	.menu-area-mobile {
		margin-left: 25px;
	}
	
}

@media only screen and (max-width: 597px){
	.col-lg-12 {
		width: 100%;
	}
	
	.menu-area-mobile {
		margin-left: 10px;
	}
	
	
	.our-menu-heading{
		font-size: 2.5em;
		padding: 44px 0px 30px 0px;
		color:black; 
		background-color: #034078;
		color: white;
		text-align: center;
		/* margin-top: 24px; */
		margin-bottom: 52px; 
		font-weight: 800;
	}
	
	.home-page-mid-menu li{
		font-size: 0.8em;
	}
}


@media only screen and (max-width: 476px){
	marquee{
		font-size:1.5em;
		padding: 10px;
		background-color: white;
	}
	.home-page-mid-menu ul{
		margin-left: -22px;
	}
}




@media only screen and (max-width: 396px){
	marquee{
		font-size:1.5em;
		padding: 10px;
		background-color: white;
	}
}