<style>

#section {
	width: 450px;
	float: left;
	padding: 10px;
}
#header {
        padding: 0px;
	background-color: #02534D;
	color: white;
	text-align: center;
        padding: 10px;
}
#footer {
	background-color: #FEEE14;
	color: black;
	clear: both;
	text-align: center;
	padding: 5px;
}
.responsive {
  max-width: 100%;
  height: auto;
}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
th,td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
tr:nth-child(even) {
  background-color: #dddddd;
}
.event-list-typeicon {
    height: 30px;
    width: 30px;
    margin-top: 8px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
img     {
        display: block;
        margin-top:auto;
        margin-left: auto;
        margin-right: auto;
        max-height:100%
}
</style>
