body{ margin:0px; font: 14px "ArimaKoshiRegular"; color:midnightblue; } #menu select{ height:3em; vertical-align: middle; } h1{ font-size: 42px; line-height:45px; margin-top: 0.3em; margin-bottom: 0.3em; font: 36px "ArimaKoshiBlack"; text-align:center; font-weight: bold; } article a{ font-weight:bold; } article { } blockquote{ font-weight:bold; } a{ color:lightseagreen; text-decoration: none; } #content{ width: 100%; } .featured { max-width: calc(50% - 6em); float: left; margin: 2em; padding:1em; background-color: gainsboro; /*background-color: powderblue;*/ box-shadow: 1.1em 1.1em gainsboro; font: 20px "ArimaKoshiRegular"; line-height: 30px; font-weight:500; } .featured:nth-child(even) { float:right; } .entry-title{ text-align:right; margin-right:2em; margin-bottom:0em; } .entry-subtitle{ font-size: 14px; text-align:right; margin-bottom:2em; margin-right: 5.5em; } .entry-content{ margin-right: auto; margin-left: auto; max-width:75%; line-break:strict; } .entry-tags{ font-weight:bold; } .entry-category{ font-weight:bold; } .entry-date{ font-style:italic; } #list{ width:100%; clear: both; } #menu{ max-width: calc(50% - 4em); float:right; margin-right: 4em; } footer{clear:both;} @media only screen and (orientation:portrait) { body { } #menu{ clear:both; max-width: 100%; } .featured{ max-width: calc(100% - 8em); !important clear:both; !important } .featured:nth-child(even) { clear:both; !important } .entry-content{ max-width: 90%; } }