img{
	max-width: 100%;
}

.example {
    white-space: normal !important;
}

.answer{
	color: #1abb9c;
}

h3{
	color: #1abb9c;
}

.table-stroke thead th {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.table-stroke tbody th,
.table-stroke tbody td {
  border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.highlight{
	color: red;
}

.question i{
	display:block;
	font-size:.8em;
	font-weight:normal;
	font-style:normal;
}

.question img{
	margin:10px;
}

.question b{
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 0.9em;
}

.question{
	white-space: normal !important;
}

.correction{
	font-style:italic;
}

.correct{
	color: green;
}

.incorrect{
	color: red;
}

@media ( min-width: 15em ) {
	/* Show the table header rows and set all cells to display: table-cell */ 
	.my-custom-breakpoint td,
	.my-custom-breakpoint th,
	.my-custom-breakpoint tbody th,
	.my-custom-breakpoint tbody td,
	.my-custom-breakpoint thead td,
	.my-custom-breakpoint thead th {
		display: table-cell;
		margin: 0;
	}
	/* Hide the labels in each cell */ 
	.my-custom-breakpoint td .ui-table-cell-label,
	.my-custom-breakpoint th .ui-table-cell-label { 
		display: none;
	}
}

@media all and (min-width: 650px){

	.rightColumn{
		width:56%;
		float:right;
		margin-left:4%;
	}
	
	.leftColumn{
		width:40%;
		float:left;
	}
}