@import "compass/css3";
/* RESPONSTABLE 2.0 by jordyvanraaij Designed mobile first! If you like this solution, you might also want to check out the 1.0 version: https://gist.github.com/jordyvanraaij/9069194 */
 .responstable {
	 margin: 1em 0;
	 width: 100%;
	 overflow: hidden;
	 background: #fff;
	 color: #1B365D;
	 border-radius: 0px;
   border: 1px solid #167f92;
   font-size:14px;
   text-align:center;
}
 .responstable tr {
   border: 1px solid #d9e4e6;
   text-align: center;
   background-color: rgba(27, 54, 93, 0.3)
}
 .responstable tr:nth-child(odd) {
	 background-color: rgba(27, 54, 93, 0.3);
}
 .responstable th {
	 display: none;
	 border: 1px solid #fff;
	 background-color: #1B365D;
	 color: #fff;
	 padding: 1em;
}
 .responstable th:first-child {
	 display: table-cell;
	 text-align: center;
}
 .responstable th:nth-child(2) {
	 display: table-cell;
}
 .responstable th:nth-child(2) span {
	 display: none;
}
 .responstable th:nth-child(2):after {
	 content: attr(data-th);
}
 @media (min-width: 480px) {
	 .responstable th:nth-child(2) span {
		 display: block;
	}
	 .responstable th:nth-child(2):after {
		 display: none;
	}
}
 .responstable td {
	 display: block;
	 word-wrap: break-word;
   max-width: 7em;
   text-align: center;
   border: 5px solid #ffffff;
  
}
 .responstable td:first-child {
	 display: table-cell;
	 text-align: center;
	 border-right: 1px solid #d9e4e6;
}
 @media (min-width: 480px) {
	 .responstable td {
		 border: 1px solid #d9e4e6;
	}
}
 .responstable th, .responstable td {
	 text-align: center;
	 margin: 0.5em 1em;
	 border: 3px solid #ffffff;
	 
}

.responstable td {
	color: #000000;
	
}


 @media (min-width: 480px) {
	 .responstable th, .responstable td {
		 display: table-cell;
		 padding: 1em;
	}
}