@media only screen and (max-width:39.999em)
{
   body {
      padding             : 0.2em 0.2em 0em 0.2em;
      font-size           : 1em;
      left                : 0em;
   }  
   
   #recipeNavHolder {
      width               : 100%;
      max-width           : 100%;
      min-width           : 100%;
      border-bottom       : 1px dotted 


<span style='background-color:firebrick;color:white;margin:3px;'>(1559660517) Invalid variable: $colorBambooBlue

Line: 13, Column: 49

</span>

;
      display             : inline-block;
      padding             : 0em 0em 0.5em 0em;
      margin              : 0px;
      font-size           : 1em; 
      color               : 


<span style='background-color:firebrick;color:white;margin:3px;'>(1559660517) Invalid variable: $colorSliderContainerBorder

Line: 18, Column: 38

</span>

;
      overflow            : auto;

   }
   
   #recipeDropDown {
      max-width           : 100%;
   }
   
   .recipeImage {
      width              : 98%; 
      max-width          : 98%; 
      min-width          : 98%;
   }
}