.flexbox-item:first-child { min-height:40vw;}


.links .flleft img {
	border: 1px solid #ccc;
	background: #fff;
	padding: 1px;
	margin:0 5px 5px 0;
}


#content ol li { list-style:decimal; margin:0 0 0 25px}


#content ul li { list-style:none;  clear:left; margin:0 0 0 0; padding:0 0 0 25px; width:100%}
#content ul li::before { position:absolute;
	content: "\f0da";
	font: normal normal normal 1em/1 FontAwesome;
	display: inline-block;
	margin: 5px 1em 0 -25px; 	color:#82bb25;}
	
#content ul.tab li { list-style:none;  clear:none; margin:0 0 0 0; padding:0;}
/*#content ul li::before { display:none}*/
	
.txt-box { padding:5%}

.txt-box2 { padding:0 5%}

ul.check li { list-style:none;  clear:left; margin:0 0 0 0; padding:0 0 0 33px;}
ul.check li::before {
	content: "\f00c";
	font: normal normal normal 1em/1 FontAwesome;
	display: inline-block;
	margin: 0 1em 0 -33px; 	color:#82bb25;}
	
	
.table-responsive{width:100%; }
.tbl-copy { margin:2rem 0; width:100%; }
.tbl-copy th { background:#fafafa; border:1px solid #eee;padding:5px;}
.tbl-copy td {border:1px solid #eee; padding:5px; vertical-align:middle}



.service { text-align:center; width:80%; margin:2em auto; }
.service h4 { margin:0 0 2em 0}
.service div { float:left; position:relative}
.service div div {}
.service div div div{ height:15vw;text-align:center;background:#fff; padding:3.5vw 0 0}
.service a.more-btn { color:#8c8c8c; border:1px solid #8c8c8c;font-size:1em; font-weight:300; margin:.5em 0 0;padding:.5em 1em; display:inline-block; text-transform:uppercase}
.service a.more-btn:hover { background:#003d8e; color:#fff; border:1px solid #fff}
.service img { position:absolute; top:0; left:0; height:100%}


#content .lunch { float:left;}
#content .lunch ul { display:table;width:100%}
#content .lunch li { list-style:none; display:inline-block; border:1px dashed #fff; padding:1em 0 0 1em; width:100%; background:#2c2e30; color:#fff; min-height:141px;}
#content .lunch li strong  { text-transform:uppercase; letter-spacing:.05em}
#content .lunch li .price {background:#bb060f;color:#fff; display:inline-block; padding:.2em .5em; float:right; transform:rotate(-7deg); letter-spacing:0}
#content .lunch ul li::before { display:none}
#content .lunch li:first-child { text-transform:uppercase; background:#555; font-weight:bold; text-align:center;padding:.5em 1em; letter-spacing:.05em; min-height:45px}

@media screen and (max-width:1219px ) {
	#content .lunch li {  min-height:170px;}
	
}
@media screen and (max-width:1200px ) {
	.service {width: 90%;margin: 1em auto;}
	.service div div div {  height: 18vw;padding: 5vw 0 0;}
	.service a.more-btn {padding: .3em .8em;}
}
@media screen and (max-width:1023px ) {
.flexbox-item { width:100%;}
.service div div div {  height: 26vw;padding: 8vw 0 0}
h3, h4 { font-size: 2.5vw;}

#content .lunch li {  min-height:140px;}
/*
#content .lunch li:first-child {width:100%; display:block}
#content .lunch li {  width:50%; min-height:141px; display:table-cell;}
*/
}
@media screen and (max-width:768px ) {
.service div div div { padding: 6vw 0 0}
h3, h4 { font-size:3.2vw;}
}
@media screen and (max-width:767px) {
.table-responsive {
	width: 100%;
	margin:2rem 0;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #eee;
	min-height: .01%;
    overflow-x: auto;}
.table {	width: 100%;max-width: 100%;}
.tbl-copy { margin:0rem 0;}
}
@media screen and (max-width:620px) {
#content .lunch li {  min-height:170px;}
}
@media screen and (max-width:567px ) {
	.service div div div {  height: 52vw;padding: 16vw 0 0; width:100%; display:block}
	h3, h4 { font-size:5vw;}
	
	div.row { position:relative; height:104vw}
	div.row div:first-child{ position:absolute; top:52vw;}
	
	
	#content .lunch li {  min-height:80px;}
}
@media screen and (max-width:420px ) {
.service div div div {padding: 12vw 0 0;}
h3, h4 {font-size:6vw;}
}
@media screen and (max-width:320px ) {
.service div div div {padding: 10vw 0 0;}
h3, h4 {font-size: 7vw;}
}