/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
table.medium {width:50%; margin:0 auto;}
table thead th{background:#f2cc27; font-weight: bold; text-align: center; font-size: 1.2rem; padding: 10px;}
table td{padding:10px; background: #fff; border-bottom: solid 1px #ecf4f9; font-size: 1rem; text-align: center;}
table th:first-child, table td:first-child{text-align: left;}

table i{color:green;}
table.center td{text-align:center;}

#top-social li, #top-social li a, #top-social li .ts-icon, #top-social li .ts-text{
    height: 60px;
    line-height: 60px;
}

#top-social li a, #top-social li .ts-icon, #top-social li .ts-text {
    display: block;
    position: relative;
    float: left;
    width: auto;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
#top-social li .ts-icon{
    width: 40px;
    height: 60px;
}


@media (max-width: 575px){
    table.medium {width: 90%;}
    table {font-size:0.7rem!important;}
    table thead th, table td {font-size: 0.6rem;padding: 2px;}
}