.excos{
    margin: auto;
}
.excos .excosled{
    color: dodgerblue;
    font-size: 18px;
    text-align: center;
}
.excos .excosled span{
    color: #fff;
    background-color: goldenrod;
    border-radius: 6px;
    padding: 5px 20px;
}
.excos table{
    font-size:16px;
    text-transform: capitalize;
}
.excos table th{
    background-color: darkgreen;
    color: #fff;
}
.excos form{
    margin-bottom: 20px !important;
}

/* media query */
@media only screen and (max-width: 380px){
    body{
    max-width: 380px;
}
.excos .excosled{
    font-size: 16px;
    text-align: center;
}
.excos .excosled span{
    padding: 5px 10px;
}
.excos table{
    font-size:15px;
     max-width: 370px;
     margin: auto 5px;
}
.excos form{
    margin-bottom: 20px !important;
}
}


/* media query */
@media only screen and (max-width: 480px){
    body{
    max-width: 480px;
}
.excos .excosled{
    font-size: 20px;
    text-align: center;
    margin: auto 30px;
}
.excos .excosled span{
    padding: 5px 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.excos table{
    font-size:18px;
     max-width: 470px;
     margin: 10px 5px;
}
.excos form{
    margin-bottom: 20px !important;
}
}