
body {font-family:"neue-kabel", sans-serif; margin:0;}
a, h1, h2, h3 {font-family:"neue-kabel",sans-serif}
div.wrapper {width:1540px; margin: 0 auto; padding:0;}
img {width: 100%;}

/***HEADER STUFF***/
div.header div.col-4 img{width: 45%; margin-top: -20px;}
div.header {background:url("layout images/noodle-header.png")no-repeat;}
div.header div.container div.col-2 a {font-family:"neue-kabel",sans-serif; font-size:36px; margin-bottom:24px; color:#0B0F29; text-decoration:none;}
.arrow-right {width: 0; height: 0; border-top:20px transparent; borde-bottom: 20px transparent; border-left: 40px solid #C83000; display: block; display:flex;}

/***Home Page***/
div.home img {margin-top:-8px; width:100%}
div.home {background: url("layout images/table-background.png")no-repeat; height:855px; margin-top:0;}
div.home div.col-4 img {background:url("layout images/order-now.png"); width: 110%;}
div.home div.col-4 img {background:url("layout images/Bowl.png"); width: 110%}
.centered-image {display:block; margin-left: auto; margin-right: auto; width: 3540px; height: 1182px;}

/***ORDER NOW***/
.hero-wrapper {position:relative; display: block; width:100%;}
.bowl-img {display:block; width: 100%; height:auto;}
.ramen-container {position: relative; display:inline-block;}
.ramen-bg {display:block; width:180px; height:auto;}
.order-button {position: absolute; top: 60px; left: 50px; margin: 320px;transfrom: translate(-50%,-50%); z-index:999; width:200px; margin-bottom: 1540px;}

/***Mobile Format***/
@media screen and (max-width:600px) {
	.ramen-hero {width: 100%; height: 475px; object-fit: cover; object-postion: center;}
}
@media (min-width: 768px) {
  .menu-toggle { display: none; }
	.nav-links {display: flex;}
  }
