+
+.wfpl_fr
+ display: block
+ float: right
+ margin-left: sidebar_padding
+ margin-bottom: 1%
+ width: sidebar_width // simple when big, and for ie8 (which ignores media queries)
+
+@media screen and (max-width: (content_width / vw_to_content_width))
+ #centerer
+ width: auto
+ margin: 0
+ padding: unit(site_padding_pct * 100, '%')
+ .wfpl_fr
+ width: linear_scale_calc(content_width, sidebar_width, sidebar_width, sidebar_width * .5)
+ margin-left: unit(sidebar_padding_pct * 100, '%')
+@media screen and (max-width: (sidebar_width / vw_to_content_width))
+ .wfpl_fr
+ float: none
+ margin-left: 0
+ margin-bottom: 0
+ width: 100%
+.wfpl_fr > .wfpl_i
+ display: block
+ width: 100%
+ height: auto
+ background-size: contain
+ background-repeat: no-repeat
+ background-position: 50% top
+ font-size: 80%
+ text-align: right
+
+#mobile_menu_button
+ display: none;
+#mobile_menu_check
+ display: none;
+@media screen and (max-width: (mobile_menu_width))
+ #mobile_menu_check:not(:checked) + div
+ display: none
+ #mobile_menu_check:checked + div
+ display: block
+ position: relative
+ > ul
+ z-index: 1000
+ background: white
+ background: rgba(255, 255, 255, 0.95)
+ display: block
+ position: absolute
+ top: 100%
+ width: 96%
+ left: 2%
+ margin: 0
+ padding: 0
+ border-bottom-left-radius: 4px
+ border-bottom-right-radius: 4px
+ box-shadow: 0px 3px 3px rgba(0,0,0,0.1)
+ li
+ padding: 15px
+ & + li
+ padding-top: 0
+ a
+ font-size: 18px
+ white-space: nowrap
+
+ // undo space_evenly stuff:
+ &:before, &:after
+ display: none
+ content: none
+ margin: 0
+ padding: 0
+ > *
+ position: static
+ top: 0
+
+ nav#site-nav ul > li, #mobile_menu_button
+ display: block
+ padding: 3px 10px 4px 17px
+ font-size: font_size_large