#page_wrap{
   padding: 15px;
   background: #FFF;
}
@media(min-width:768px){
   #page_wrap{
      padding: 30px;
      background: #f4eadd;
   }
}
@media(min-width:1025px){
   #page_wrap{
      padding: 60px;
   }
}
h1{
   padding: 30px 0 0 15px;
}
@media(min-width:768px){
   h1{
      padding: 15px 0 0 0;
   }
}
#content_wrap{
   position: relative;
   max-width: 1340px;
   margin: 0 auto;
}
#nav_wrap{
   margin: 0 -15px 0 -15px;
   padding: 5px;
   position: sticky;
   top: 0;
   z-index: 99;
   background: #101224;
   box-shadow:
      0.2px 0.5px 3.7px rgba(100, 39, 19, 0.02),
      0.6px 1.3px 8.4px rgba(100, 39, 19, 0.03),
      1.5px 3px 15.6px rgba(100, 39, 19, 0.05),
      5px 10px 40px rgba(100, 39, 19, 0.07)
   ;
   font-size: 1rem;
   overflow: auto;
   white-space: nowrap;
}
@media(min-width:768px){
   #nav_wrap{
      margin: 0 0 30px 0;
   }
}

#nav_wrap a{
   display: inline-block;
   color: #FFF;
   padding: 5px 10px;
   border-radius: 99px;
   font-weight: 400;
}
#nav_wrap a:hover{
   color: #e99639;
   background-color: #292d5c;  
}

#menu_wrap{}

.section_wrap{
   padding: 45px 15px 15px 15px;
   margin: 0 auto 30px auto;
}
@media(min-width:768px){
   .section_wrap{
      padding: 60px;
      margin: 60px auto;
      background: #FFF;   
      border-radius: 20px;
      box-shadow:
         0.2px 0.5px 3.7px rgba(100, 39, 19, 0.02),
         0.6px 1.3px 8.4px rgba(100, 39, 19, 0.03),
         1.5px 3px 15.6px rgba(100, 39, 19, 0.05),
         5px 10px 40px rgba(100, 39, 19, 0.07)
      ; 
   }
}

.menu_desc{
   font-size: 1.2rem;
   font-style: italic;
   padding-bottom: 20px;
}
@media(min-width:768px){
   .menu_desc{
      font-size: 1.5rem;
      padding-bottom: 30px;
   }
}
.menu_parts{
   display: grid;
   grid-gap: 30px;
}
@media(min-width:1025px){
   .menu_parts{
      grid-template-columns: 1.2fr 0.8fr;
   }
}
.menu_options{
   position: relative;
}
.menu_options_wrap{
   position: sticky;
   top: 30px;
   background: #f4eadd44;
   box-shadow: inset 0 0 0 1px #f4eadd;
   padding: 20px;
   border-radius: 10px;
   font-size: 1rem;
}
@media(min-width:768px){
   .menu_options_wrap{
      padding: 30px;
   }
}
.menu_options_wrap strong{
   font-size: 1.25rem;
}
.the_items{
   display: grid;
   grid-template-columns: 75px 1fr;
   grid-gap: 20px;
}
@media(min-width:768px){
   .the_items{
      display: grid;
      grid-template-columns: 120px 1fr;
      grid-gap: 30px;
   }
}
.item_img{ 
   display: block;  
   background: #f4eadd;
   aspect-ratio: 1/1;
   border-radius: 10px;
}
.item_img img{
   display: block;
   width: 100%;
   height: auto;
   border-radius: 10px;
}
.item_text{

}
.item_main{
   font-size: 1.25rem;
}
.item_desc{
   font-size: 1rem;
}
span.fan_fav{
   color: #b2869e;
   background: #ece1e7;
   border-radius: 3px;
   padding: 2px 5px;
   font-size: 0.9rem;
}