body{
    font-size:12px;
}

.green{
    color: green;
  }

.red{
color:red;
}

.blue{
color:blue;
}

h3{
    margin:0;
}

#contentTable td:last-child{
color:green;
background-color: rgb(204, 204, 204);
}

#contentTable td:first-child{
    background-color:rgb(84, 86, 88);
    color:white;
}

.info_table td,.joining_info td{
    background-color:rgb(200, 200, 200);
    color:rgb(38, 38, 38);
    padding:5px;
}
.info_table td:first-child,.joining_info td:first-child{
    text-align: right;
}

small{
    font-size:0.6em;
}

.border{
    height: 1px;
    background-color:black;
    width:100%;
    margin:5px 0;
}

.info_table,.joining_info{
    margin: 15px auto;
}

p{
    text-align:justify;
}

@media only screen and (min-width: 720px) {
    body{
        font-size:22px;
    }
    
    .info_table td,.joining_info td{
        background-color:rgb(200, 200, 200);
        color:rgb(38, 38, 38);
        padding:12px;
    }

    #contentTable td:first-child{
        font-size: 1.3em;
        min-width:400px;
        padding-left: 40px;
    }
    #contentTable td:last-child{
        width: 100%;
        padding-left: 160px;
        font-size: 1.15em;
    }

    #contentTable li{
        margin:18px 0;
    }
}