table {
    border: 1px solid #ebebe0;
    padding: 0.5em;
    margin-bottom: 1em;
}
th {
    padding-left   : 0.5em;
    padding-bottom : 0.5em;
    border-bottom  : 1px solid black;
    margin-bottom  : 1em;
    text-style     : bold;
    font-size      : 1.2em;
}
td {
    padding-left: 0.5em;
    padding-right: 0.5em;
    vertical-align: top;
}

.medialist ul {
      list-style: none;
      margin-top: 0.5em;
      margin-left: 0;
      padding-left: 1em;
  }
.medialist li {
      padding-left: 1.5em;
      text-indent: -1em;
  }
.medialist li:before {
      content: "+";
      padding-right: 7px;
  }
img {
	height: auto;
	max-width: 100%;
}

@media only screen and (min-width : 1024px)
{
    .FloatingBox
    {
        width            :   29.333%;  //  3x per line
        -webkit-box-flex : 1 29.333%;
        -moz-box-flex    : 1 29.333%;
        -webkit-flex     : 1 29.333%;
        -ms-flex         : 1 29.333%;
        flex             : 1 29.333%;
    }
}

@media only screen and (min-width : 2160px)
{
    .FloatingBox
    {
        width              :   22%;  //  4x per line
        -webkit-box-flex   : 1 22%;
        -moz-box-flex      : 1 22%;
        -webkit-flex       : 1 22%;
        -ms-flex           : 1 22%;
        flex               : 1 22%;
    }
}