table {
    background-color: #fff;
    color: #000;
    width: 60%;
    border-style: double
}

p {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0
}

th {
    background: #fff
}

td,
th {
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #000
}

@media screen and (min-width:500px) {
    .normal,
    .redword {
        background-color: #fff;
        font-size: 28px
    }
    .tabfirst {
        margin: auto;
        width: 50%
    }
    .redword {
        color: red
    }
    td {
        font-size: 16px;
        padding: 5px 3px
    }
}

@media screen and (max-width:500px) {
    .normal,
    .redword {
        background-color: #fff;
        font-size: 13px
    }
    table {
        max-width: 100%;
        min-width: 60%
    }
    .redword {
        color: red
    }
    td {
        font-size: 10px;
        padding: 1px
    }
    table {
        background-color: #fff;
        color: #000;
        width: 100%;
        border-style: double
    }
}

@media screen and (max-width:320px) {
    .normal,
    .redword {
        background-color: #fff;
        font-size: 12px
    }
    table {
        max-width: 100%;
        min-width: 60%
    }
    .redword {
        color: red
    }
    td {
        font-size: 8px;
        padding: 3px 1px
    }
}


.SM1 {background-color:#FDFEFE; color:red;font-weight:bold;font-style:italic;font-size:large;text-decoration:none;border-width:2px;border-color:	#82E0AA;border-style:inset;margin-top:2px;margin-bottom:2px;margin-left:0px;margin-right:0px;padding-top:3px;padding-bottom:3px;padding-left:3px;padding-right:3px;border-radius:0px ;} 
.SM1 a{color: red}