@media only screen {
	@media (min-width: 48em) and (max-resolution: 150dpi) {
	  #body {
	    position: relative;
	  }
	  footer {
	    position: fixed;
	    bottom: 0;
	    padding-top: 16em;
	    padding-bottom: 2em;
	  }
	}
	@media (min-width: 57.875em) and (max-resolution: 150dpi) {
	  #body {
	    margin-bottom: 15.2em;
	  }
	}
	@media (min-width: 60em) and (max-resolution: 150dpi) {
	  #menu {
	    display: -webkit-inline-flex;
	    display: inline-flex;
	    -webkit-flex-direction: row;
	    flex-direction: row;
	    position: relative;
	    top: 0;
	    width: auto;
	    padding-bottom: 0;
	  }
	  #menu div {
	    display: -webkit-inline-flex;
	    display: inline-flex;
	  }
	  label[for="showmenu"] {
	    display: none;
	  }
	  #menu li input ~ div label {
	    width: 3em;
	  }
	  .submenu {
	    display: none;
	    position: absolute;
	    top: auto;
	  }
	  .submenu li {
	    position: relative;
	  }
	  #menu .submenu li input ~ div {
	    display: -webkit-flex;
	    display: flex;
	  }
	  #menu .submenu li input ~ div a {
	    -webkit-flex: 1 0 auto;
	    flex: 1 0 auto;
	  }
	  #menu .submenu li input ~ div label {
	    width: 3em;
	  }
	  .submenu .submenu {
	    top: 0;
	    left: 100%;
	    visibility: hidden;
	    opacity: 0;
	    white-space: nowrap;
	  }
	  li:hover > .submenu {
	    display: -webkit-flex;
	    display: flex;
	  }
	  .submenu li:hover .submenu {
	    visibility: visible;
	    opacity: 1;
	  }
	  .submenu input:checked ~ .submenu {
	    visibility: visible;
	    opacity: 1;
	  }
	}
	@media (min-width: 60em) {
	  #body nav > ul:first-of-type > li a {
	    width: auto;
	  }
	}
}