html {
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
}

img {
    width: 95% !important;
    height: auto !important;
}

body{
    margin-left: 1em;
    margin-right: 1em;
}

table {
    overflow: auto;
    margin-left: 0 !important;
}

p.MsoNormal {
    text-indent: 0 !important;
}

p.RightPageHeader, p.RightPageHeader span, p.RightPageHeaderAppendix, p.RightPageHeaderAppendix span   {
    font-size: 0.8em !important;
    text-align: right !important;
    background-color: firebrick;
    color: white;
}

p.LeftPageHeader, p.LeftPageHeader span, p.LeftPageHeaderAppendix, p.LeftPageHeaderAppendix span  {
    font-size: 0.8em !important;
    text-align: left !important;
    color: white;
    background-color: firebrick;
}

div {
    overflow: auto;
}



@media (max-width: 400px) {
    td, td p, td p span {
        font-size: 0.8em !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    } 
}