@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Roboto:wght@400;700;900&display=swap');
/*font-family: 'Kaushan Script', cursive;
font-family: 'Roboto', sans-serif;*/
/*html {height: 100%;width: 100%;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}*/
body{margin:0;padding:0;font-family:'Roboto', sans-serif;}
p {color:#000000;font-size:1.375rem;line-height:2rem;font-weight:400;}
a {color:#cd071e;text-decoration:underline;}
a:hover {color:#585858;text-decoration:none;}
h1 {font-size:7.813rem;line-height:12.5rem;font-family:'Kaushan Script', cursive;}
h2 {font-size:3.75rem;line-height:4.5rem;font-family:'Kaushan Script', cursive;color:#cd071e;}
h3 {font-size:2.5rem;line-height:3rem;font-family:'Kaushan Script', cursive;}
h4 {font-size:1.875rem;line-height:2.5rem;}
hr {height:0.25rem;border-width:0;color:#cd071e;background-color:rgb(205,7,30);}
.lggrn{font-size:12.5rem;color:#038100;text-shadow: -2px 2px 0 #fff,2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;}
.green{color:#038100;}
.white{color:#ffffff;}
.rt {text-align:right;}
.clear {clear:both;}
.center {text-align:center;}
.large {font-size:1.75rem;line-height:2.75rem;color:#b0371f;}
.pad {padding-right:15px;}
.fright {float:right;padding-left:2%;}
.fleft {float:left;padding-right:2%;}
.mb {display: none}
.headerwrap {width:100%;background-image:url('../img/chinese-xiang-cuisine-truck-dragon.jpg');background-repeat:no-repeat;background-position:bottom;background-size:cover;background-color:#000000;}
.hm1{width:60%;min-height:600px;float:left;}
.hm2{width:40%;min-height:600px;float:left;text-align:center;vertical-align: middle;}
.topbar {width:90%;padding:0 5%;background-color:rgb(205,7,30);text-align:center;}
.topbar p {font-size:1.25rem !important;font-weight:400;color:#ffffff !important;}
.wideimg {width:100%;padding:0;}
.wideimg img {width:100%;height:auto;}
/* NAV */
.nwrapper {width:100%; margin: 0 auto;padding:1% 0;background-color: rgb(255,255,255);}
.menurt {float:right;padding-right:1%;text-align:right;font-size:22px;font-weight:700;}
.menurt img {max-width:193px;height:auto;}
.menurt a {color:#cd071e;text-decoration:none;} .menurt a:hover {text-decoration:underline;}
nav {width: 65%; padding:0 5%;background: #fff;z-index: 1;}
nav #brand {float: left;}
nav #brand img {max-width:288px;height:auto;}
nav #menu {float: left;padding-top: 39px;}
nav #menu li {display: inline-block;list-style:none;padding: 0 15px;cursor: pointer;font-size:1rem;}
nav #menu li a {color: #cd071e;text-decoration:none;}
nav #menu li a:hover {color:#000000;border-bottom:4px solid #cd071e;padding-bottom:8px;webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/*mobile menu*/
#toggle {position: absolute;right: 2%;top: 1%;z-index: 999;width: 40px;height: 40px;cursor: pointer;float: right;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;visibility: hidden;
  opacity: 0;}
#toggle .span {height: 7px;background: #ffffff;margin: 5px auto;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;backface-visibility: hidden;}
#toggle.on #one {-moz-transform: rotate(45deg) translateX(6px) translateY(6px);-webkit-transform: rotate(45deg) translateX(6px) translateY(6px);-o-transform: rotate(45deg) translateX(6px) translateY(6px);-ms-transform: rotate(45deg) translateX(6px) translateY(6px);transform: rotate(45deg) translateX(6px) translateY(6px);}
#toggle.on #two {opacity: 0;}
#toggle.on #three {-moz-transform: rotate(-45deg) translateX(10px) translateY(-12px);-webkit-transform: rotate(-45deg) translateX(10px) translateY(-12px);
  -o-transform: rotate(-45deg) translateX(10px) translateY(-12px);-ms-transform: rotate(-45deg) translateX(10px) translateY(-12px);transform: rotate(-45deg) translateX(10px) translateY(-12px);}
#resize {z-index: 1;position: absolute;top: 0;background: #cd071e;width: 100%;height: 100%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;display: table;}
#resize #menu {height: 24px;display: table-cell;vertical-align: middle;}
#resize #menu li {display: block;text-align: center;padding: 20px 0;text-align: center;font-size: 24px;min-height: 24px;font-weight: bold;cursor: pointer;
  -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#resize #menu li:hover {background: #ffffff;}
#resize #menu li:hover a {color: #cd071e;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#resize #menu li a {color: #ffffff;text-decoration:none;}
#resize.active {visibility: visible;opacity: 0.99;}
/* End NAV*/
.content {width:90%;padding:5%;}
.sub {width:90%;padding:0 5%; position: relative;}
.mid {position: absolute;top: 50%;transform: translateY(-50%);}
.sub h1 {font-size:80px;margin-top:0;color:#cd071e;text-align:center;}
.reviews {width:100%;text-align:center;}
.reviews img {padding:10px 30px;display:inline-block;height:100%;vertical-align: middle;}
.reviews img a {text-decoration:none}
.hcol {width:30%;padding:1%;margin:1%;text-align:right;vertical-align: middle;float:left;}
.hcol2 {width:60%;padding:1%;margin:1%;vertical-align: middle;border-left:3px solid #000000;float:left;}
.hcol2 h2 p {vertical-align: middle;}
.hcol3 {width:30%;padding:1%;margin:1%;float:left;}
.hcol3 img {width:100%;height:auto;}
.hcol4 {width:60%;padding:1%;margin:1%;vertical-align: middle;float:left;}
.hcol4 h2 p {vertical-align: middle;}
.hcol5 {width:60%;padding:1%;margin:1%;float:left;}
.hcol5 h2 p {vertical-align: middle;}
.hcol6 img {width:100%;height:auto;}
.hcol6 {width:30%;padding:1%;margin:1%;vertical-align: middle;float:left;}
.halfcol {width:46%;padding:1%;margin:1%;float:left;}
.halfcol img {width:80%;height:auto;}
.boxcontain{width:100%;padding:0;margin:0;text-align:center;}
.column {float: left;width: 30.33%; margin:0 1.5%;}
.column {float: left;}
.left, .right {width: 25%;}
.middle {width: 50%;}
.column img {width:100%;height:auto;}
.footer1 {width:90%;padding:1% 5%;background-image:url("../img/footer.png");background-position:center center;background-repeat:no-repeat;background-size:contain;background-color:rgb(217,217,217);}
.fcol {width:30%;padding:0 1.5%;float:left;}
.footer2 {width:90%;padding:1% 5% 3% 5%;background-color:rgb(217,217,217);}
.footer2 p {font-size:18px;}
ul.btns {margin: 1.25rem 1.25rem 1.25rem 0;padding: 1.25rem 1.25rem 1.25rem 0;list-style-type: none;text-align:center;text-transform:uppercase;}
ul.btns li {display: inline;margin:.25rem;}
ul.btns li a {font-size:18px;padding: .5rem 1.5rem;border-radius: 30px 30px;border:3px solid #cd071e;background-color:rgb(205,7,30);color: #ffffff;text-decoration: none;webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
ul.btns li a:hover {font-size:18px;padding: .5rem 1.5rem;background-color:rgb(0,0,0);color: #ffffff;text-decoration: none;webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

/* Extras */
.google-maps {position: relative;padding-top:5%; height: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper object, .videoWrapper embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* RESPONSIVE STUFF */
@media only screen and (max-width:1365px) {
h1 {font-size:6.25rem;line-height:7rem;}
.lggrn{font-size:7.8125rem;color:#038100;}
}
@media only screen and (max-width:1222px) {
h1 {font-size:5rem;line-height:5.75rem;}
.lggrn{font-size:6.25rem;color:#038100;}
}
@media only screen and (max-width:1090px) {
#toggle {visibility: visible; opacity: 1;}
nav #menu {display: none;}
.topbar {width:78%;padding:2% 11%;font-size:1.125rem;}
.mb {display:inline}
p {font-size:1rem;line-height:1.75rem;}
.fcol img {width:80%;height:auto;text-align:center;}
ul.btns li a {font-size:1rem;text-align:center;}
.fright {float:none;padding:0 0 2% 0;}
.fleft {float:none;padding:0 0 2% 0;}	
}
@media only screen and (max-width: 860px) {
h2 {font-size:2.5rem;line-height:3.25rem;}
h3 {font-size:1.875rem;line-height:2.625rem;}
h4 {font-size:1.375;line-height:2rem;}
p {font-size:1.25rem;line-height:2rem;}
.headerwrap {width:100%;background-image:url('../img/chinese-xiang-cuisine-truck.jpg');background-repeat:no-repeat;background-position:bottom;background-size:cover;background-color:#000000;}
.hm1{display:none;}
.hm2{width:90%;padding:5%;min-height:500px;float:none;text-align:center;vertical-align: middle;}
.reviews img {max-width:103px;height:auto;}
.fcol {width:90%;padding:0 5%;float:none;text-align:center;}
.rt {text-align:center;}
}
@media only screen and (max-width: 760px) {
.menurt {float:none;padding:0;text-align:center;font-size:18px;}
.mcol {width:100%;padding:0;float:none;}
.hcol {width:98%;padding:1%;text-align:left;float:none;}
.hcol2 {width:98%;padding:1%;border-left:0;float:none;}
.hcol3 {width:98%;padding:1%;float:none;}
.hcol3 img {width:100%;height:auto;}
.hcol4 {width:98%;padding:1%;float:none;}
.hcol5 {width:98%;padding:1%;float:none;}
.hcol6 {width:98%;padding:1%;float:none;}
.halfcol {width:98%;padding:1%;float:none;}	
nav {width: 90%; padding:0 5%;background: #fff;text-align:center;}
nav #brand {float: none;text-align:center;}
}
@media screen and (max-width: 600px) {
  .column {
	  width: 100%;}
}
@media only screen and (max-width: 570px) {
.content img {width:75%;height:auto;}
.topbar {width:60%;padding:2% 20%;}
.topbar p {font-size:18px;}
nav #brand img {max-width:185px;height:auto;}
.menurt img {max-width:150px;height:auto;}
ul.btns {margin: .875rem .875rem .875rem 0;padding: .875rem .875rem .875rem 0;}
ul.btns li a {font-size:.875rem;padding: .875rem;}
}
@media only screen and (max-width: 460px) {
nav {width: 94%; padding:0 5%;}
#toggle {position: absolute;right: 5%;}
ul.btns {text-align:center;}
ul.btns {margin: .875rem 0;padding:.875rem 0;}
}