@media screen and (max-width: 48em) {
.content { margin-top:1em; }
.content > .wrapper { padding: 1em 3%; width:94%; }
.page_categories .content > .wrapper { padding-top:0; }

.header h1 a img { width:100px; }

.menu { margin-top:.1em; }
.menu_categories { margin-top:0; }
.menu .wrapper { width:100%; }
.menu_categories li { display:block; margin:0; padding:.3em 0; }
.menu_categories .active { background-color:#d0141b; }
.menu_categories a { display:block; padding:.3em 3%; }

.step_nav li { margin-right:3%; }

.page_index .content > .wrapper { padding:2em 5%; width:98%; }
.page_index .index_main, .page_index .index_side { float:none; width:100%; }
.page_index .index_side { margin:2em auto; max-width:325px; }
.page_index .index_main .page_index_title { display:none; }
.content > .wrapper > .page_index_title { display:block; }

.footer { margin-top:.5em; text-align:center; }
.footer .copyright, .footer .footer-menu { float:none; }
.footer .footer-menu { margin-top:.5em; }
}

@media screen and (max-width: 33em) {
.step_nav li { font-size:1.6rem; }
}

@media screen and (max-width: 30em) {
.header { padding:.5em 0; }

.compose_section .select_ingredients li { width:49%; }
.prod_details .skus > div { display:block; margin-left:0; margin-bottom:.3em; }

.step_nav { margin:0; padding:0 1%; border:none; }
.step_nav li { display:block; margin:.7em 0;  }

.buttons .link, .settings_section a, .prod_details .form_skus .customize { color:#000; text-decoration:underline; }
}

@media screen and (max-width: 20em) {
.compose_section .select_ingredients li { width:100%; }
}