Main Page/styles.css

.mp-panel { width: 100%; height: auto; border: 1px solid #88A; background-color: #ACF; vertical-align: top; margin: 0em 0em 0.5em 0em; border-spacing: 0.6em; }

.mp-panel h1 { font-size: 230%; font-family: 'hoefler text','times new roman', serif; font-variant: small-caps; border: none; margin: 0; padding: 5pt }

.mp-panel h2 { text-align: left; font-size: 1.2em; margin: 4px 0; padding: 1.5px 0 2px 4px; font-weight: bold; border: 1px solid #AAA; text-align: left; color: #000; display: block !important; }

.mp-panel h2 span { display: inline !important; }

.mp-subpanel { vertical-align: top; color: #000; border: 3px double #AAA; background-color: #ffffff; padding: 0.5em; margin: 0; width: 100%; }

.mp-left { width: 55%; }

.mp-right { width: 45%; }

1. EnWpMpBook2 {

padding: 1em 0 .6em; }

body.skin-minerva table { border-collapse: separate !important; }

@media screen and ( max-width: 720px ) {

   body.skin-minerva td,
   body.skin-minerva tr,
   body.skin-minerva tbody,
   body.skin-minerva table {
       display: block;
       width: 100% !important;
       box-sizing: border-box;
   }
   
   #mf-projs td:not(:only-child) {
   	display: inline-block;
   	width: 40% !important;
   	padding: 5px 0;
   }
   #mf-projs td:nth-child(even) {
   	width: 50% !important;
   }

#mf-projs td.empty { display: none !important; }

#mf-know td:last-child tr { display: flex; flex-direction: column-reverse; } #mf-know { text-align: center; } #mf-know table { margin: 0; } #mf-know td { padding: 0 !important; } #mf-know td tr { padding: 1em 0; } }