
:root {
      --gc_green: 16,45,28;
      --header_height: 90px;   
      --footer_height: 50px; 
      
 
 --spice_dark:226,106,38;
 --spice_light:229,145,89;
 
 --herb_dark:33,133,45;
 --herb_light:161,193,61;
 
 --pepper_dark:93,114,135;
 --pepper_light:155,175,180;      
               
} 

.page_container{font-size:1.7rem;}
.set_width {width:100%;}

.page_header {position:fixed; top:0; height: var(--header_height); padding-top:3px; border-bottom:2px solid rgb(var(--gc_green)); box-sizing:border-box; background-color:#fff; z-index:2;}
.page_header_inner {text-align:center;}
.page_header_logo {position:absolute; width:175px; z-index:10;   left: 0;   right: 0;  margin-inline: auto;}

svg.logo {width:100%; height:100%; stroke:rgb(var(--gc_green)); stroke-width:0px}
.logo path.green { fill: rgb(var(--spice_dark));  stroke-width:0px}
.logo g.cuisine { fill: rgb(var(--spice_dark));}
.logo path.leaf { fill: rgb(var(--spice_dark)); }


.main {position:fixed; top:var(--header_height); height:calc(100vh - (var(--header_height) +  var(--footer_height))); width:100%;  z-index:1; text-align:center;box-sizing:border-box; background-color:#dfdfdf;}
.footer {position:fixed; bottom:0; height:var(--footer_height); padding:5px; text-align:center; border-top:2px solid rgb(var(--gc_green)); box-sizing:border-box;} 


h2 {font-size:20px; margin-top:20px;}
h2.title {font-size:30px; margin-top:20px; color:rgb(var(--gc_green));}


.order_form {position:absolute;  height:calc(100vh - (var(--header_height) +  var(--footer_height))); width:100%;  max-width:1200px; overflow-y:scroll; overflow-x:hidden; padding:20px 10px 50px 10px; box-sizing:border-box; background-color:#fff; left: 0;   right: 0;  margin-inline: auto; text-align:left;}

.basket_total {width:100px; padding-right:40px; text-align:right; vertical-align: top; }

.range_image {width:250px;}

.button {display:inline-block; color:blue; font-size:20px; border-radius:3px; padding:3px; border:solid 1px rgb(var(--gc_green)); background-color:rgb(var(--pepper_light)); cursor:pointer;}




