body {
        margin: 0;
        font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
    }
    a {
        color: #FF0000;
    }
    a:hover {
        text-decoration: none;
    }
    .wrapper {
        width: 90%;
        max-width: 600px;
        text-align: center;
        margin: 2em auto;
    }
    .wrapper.bordered {
        border: 1px dotted #000000;
    }
    .headimage {
        width: 90%;
        margin: 0.5em auto 0.5em;
    }
    .headimage img {
        width: 100%;
    }
    .battle-odds-title {
        font-size: 2em;
        font-weight: bold;
        margin-bottom: 1em;
    }

    .inputform {
       margin: 2em 0 4em;
    }
    .inputform .inputline {
       margin: 0.5em 0;
    }
    .inputform .inputline label {
        padding-right: 1em;
    }
    .inputform .inputline input {
        width: 4em;
    }
    .inputform .buttonsline {
       margin: 0 0 0.5em 0;
    }
    .inputform .buttonsline input {
        margin: 0.2em;
    }


    .risk-header-capsule {
        width: 90%;
        max-width: 460px;
        margin: 0 auto;
    }
    .risk-header-capsule img {
        width: 100%;
    }
    .playlinks {
        margin: 1em;
    }
    .playlinks ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .playlinks li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline;

    }
    .playlinks li:before {
        content: " - ";
        padding: 0 0.5em;
    }
    .playlinks li:first-child:before {
        content: "";
        padding: 0;
    }

    .collection {
        margin: 2em 0;
    }

    .collection h3 {
        font-size: 1em;
        font-weight: bold;
    }
    .collection .collectionimage {
        width: 90%;
        max-width: 592px;
        margin: 0 auto;
    }
    .collection .collectionimage img {
        width: 100%;
    }

    .results-box {
        margin: 2em 1em;
    }

    .results-box .sim {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .results-box .sim .box {
       width: 48%;
       margin-bottom: 0.2em;
    }

    .results-box .sim .box:first-child {
       width: 100%;
    }

    @media only screen and (min-width: 600px) {
        .results-box .sim .box {
           width: 31%;
        }
        .results-box .sim .box:first-child {
           width: 31%;
        }
    }

    .results-box .odds {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .results-box .odds .odd {
       width: 100%;
       margin-bottom: 0.2em;
    }

    @media only screen and (min-width: 600px) {
        .results-box .odds .odd {
           width: 48%;
        }
    }

    .kidsafe {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      text-align: left;
      font-size: 0.8em;
    }

    .kidsafe div
    {
      flex-basis: 100%;
      flex: 1;
      margin: 1em;
    }

    .kidssafe_image {
        max-width: 200px;
    }
    .kidssafe_image img {
        max-width: 100%;
    }
    #bottom {
        position: absolute;
        bottom: 5px;
        font-size: .2em;
    }

    .dice-colour {
        color: red;
        font-size: 40px;
    }

    .results-text {
        text-align: center;
        font-size: 28px;
    }
    .tablewrapper {
        margin: 1em 1em 2em 1em;
    }
    .credits {
        width: 100%;
        padding: 0.2em 1em;
    }
    .credits td {
        width: 50%;
        padding: 0.2em 1em;
    }