table, tr, td {
    table-layout: fixed;
    border: none;
    font-size: 100%;
    text-align: center;
    vertical-align: bottom;
    max-height: 300%;
}

td {
    padding: 1em 3em 1em 0;
    border-top: none;
    vertical-align: top;
    max-height: 300%;
    width: 50%;
}
table p {
    padding: 0 0 0 0;
}


.name {
    width: 85%;
    height: auto;
    margin: 0 5%;
}


@media only screen and (max-width: 900px) {
    th, td {
        display: block;
    }
    thead {
        display: none;
    }
    
.name {
    width: 130%;
    height: auto;
    margin: 0 -15%;
}

}