.content{
    margin-top: 20px;
}
table{
    width: 100%;
    margin: auto;
    background-color: rgba(255, 255, 255, .5);
    border-collapse: collapse;
}
th,
td{
    font-size: 16px;
    text-align: center;
    line-height: 2em;
    padding: 1%;
    border: 2px solid rgba(160, 216, 222, .5);
}
.note{
    text-align: left;
}
@media screen and (min-width:769px) {
    .content{
        margin-top: 3%;
    }
}
@media screen and (min-width:1200px) {
    th,
td{
    font-size: 18px;
}
}

@media screen and (min-width:1300px) {
    th,
td{
    font-size: 20px;
}
}