p { margin-bottom: 1em }

#hero_img { width: 100%; height: auto; min-height:337px; }

#nutrient_hero_txt_hldr { position: absolute; top: 85px; width: 100%; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5) }
#nutrient_header { color: #fff; text-align: center; margin-bottom: 0.6em; font-size: 2.5em; }
ul#nutrient_questions { padding-left: 0; font-size: 1.7em }
#nutrient_questions_hldr { position: relative; max-width: 32em; margin: 0 auto; padding: 0 1.2em; color: #fff; }
#nutrient_questions li { padding: 0.4em 0 }
    #nutrient_questions li a { color: #fff }

#nutrient_tbl { display: table; width: 100% }
#nutrient_row { display: table-row }

#nutrient_cell_left { display: table-cell; }
#nutrient_left_nav { border: 2px solid #000; padding: 0.3em; }
#nutrient_links_hdr, #nutrient_links_toggle { color: #000; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight: 900; white-space: nowrap }
#nutrient_links_hdr { padding-bottom: 0.6em }
#nutrient_links_toggle { display: none }
#nutrient_links_toggle:hover, #nutrient_links_toggle:active, #nutrient_links_toggle:focus { text-decoration: none }
#nutrient_left_nav a.nutrient_link { display: block; color: #000; padding-top: 0.3em; padding-bottom: 0.3em }
#nutrient_left_nav a.nutrient_indent { margin-left: 1em }
#nutrient_left_nav a.nutrient_double_indent { margin-left: 2em }
#nutrient_left_nav a.nutrient_top_border_sm { border-top: 1px solid #000 }
#nutrient_left_nav a.nutrient_top_border_lg { border-top: 2px solid #000 }
#nutrient_left_nav a.nutrient_bold { font-weight: 600 }

#nutrient_cell_right { display: table-cell; max-width: 50em }
#nutrient_left_nav { margin: 0 3em 1em 0; padding: 0.5em 1em; max-width: 15em }
article#body_width_limit { max-width: 42em }
    article#body_width_limit ul {position:relative; top:-0.5em; margin-bottom:1em;}
    div.separator { background-color: #ccc; height: 1px; margin: 1.5em 0; }

div.good_sources_hdr { background-color: #e2e2e2; font-weight: 600; border-left: 1px solid #666; border-right: 1px solid #666; padding: 0.3em 0.7em; }
#good_sources_first_hdr { border-top: 1px solid #666 }
div.good_sources_content { border: 1px solid #666; padding: 0.4em; }
div.good_sources_item { min-width: 10em; padding: 0.3em; display: inline-block; float: left; }
div.margin_height { height: 1em }

#nutrient_sources { margin-top: 2.5em; font-size: 0.9em; }
#nutrient_sources h6 { color: #000 }


@media screen and (max-width: 2650px) {
    #nutrient_questions_hldr { max-width: 26.5em; }
    ul#nutrient_questions { font-size: 1.4em }
    #nutrient_questions li { padding: 0.3em 0 }
}

@media screen and (max-width: 2100px) {
    #nutrient_questions_hldr { max-width: 23em; }
    ul#nutrient_questions { font-size: 1.2em }
}

@media screen and (max-width: 1400px) {
    #nutrient_hero_txt_hldr { top: 70px }
    #nutrient_header { margin-bottom: 0.4em }
}

@media screen and (max-width: 850px) {
    article#body_width_limit { font-size: 1.1em }
    article#body_width_limit .btn { font-size: 1em }
}

@media screen and (max-width: 830px) {
    #nutrient_header { margin-bottom: 0.3em }
    #nutrient_questions li { padding: 0.2em 0 }
}

@media screen and (max-width: 600px) {
    #nutrient_hero_txt_hldr { top: 70px }
    #nutrient_tbl, #nutrient_row, #nutrient_cell_left, #nutrient_cell_right { display: block }
    #nutrient_links_hdr, #nutrient_left_nav a.nutrient_link { display: none }
    #nutrient_left_nav { width: 15em; margin: 0.6em auto 2em auto; padding: 0.5em 1em }
    #nutrient_links_toggle { display: block; }
}
@media screen and (max-width: 450px) {
    #nutrient_questions li { list-style-type: none; padding: 0.4em 0 }
    #nutrient_hero_txt_hldr { top: 65px }
}
@media screen and (max-width: 374px) {
    ul#nutrient_questions { font-size: 1em }
    #nutrient_header { margin-bottom: 0.2em }
}
@media screen and (max-width: 274px) {
    #hero_img { display: none }
    #nutrient_hero_txt_hldr { background-color: #444; position: relative; top: 0; padding-top: 75px; padding-bottom: 1.5em }
}