@charset "utf-8";
/* CSS Document */

.rquiz-matching {
		display: block; text-align: center; vertical-align: middle;
		margin: 10px auto!important; 	padding: 0;
		/*width: calc(100% - 11px);*/
		width: 100%;
}

/*.rquiz-matching {
		display: flex;  justify-content: center;
		margin: 5px auto!important; 	padding: 0;
		width: 100%;
}*/

.rquiz-target {
		border-radius: 2px;
		background-color: #f6f6f6;	
		box-shadow: 0 0 5px #bbb;
		margin: 0 10px 10px 0;  padding: 5px;
		/*width: calc(100% - 30px);*/
		width:100%;
		display:inline-flex; flex-direction: column!important; flex-wrap: wrap!important;
		justify-content:flex-start; align-content:stretch;
		max-width:300px; min-height:200px;
}
.rquiz-target:nth-child(1) {
	background-color: gold;	
}
.rquiz-target:nth-child(2) {
	background-color: yellowgreen;
}
.rquiz-target:nth-child(3) {
	background-color: lightpink;
}

.rquiz-div2 .rquiz-target:nth-child(1) {
	background-color: hotpink;	
	
	}
.rquiz-div2 .rquiz-target:nth-child(2) {
	background-color: cornflowerblue;
	}
.rquiz-div2 .rquiz-target:nth-child(3) {
	background-color: SPRINGGREEN;
}



@media screen and (max-width : 950px ){
.rquiz-matching {
		text-align: left; vertical-align: middle!important;
		margin: auto 0!important; padding: 0;
}

.rquiz-target {
		border-radius: 2px;
		background-color: #f6f6f6;	
		box-shadow: 0 0 5px #bbb;
		margin: 0 10px 10px 0;  padding: 5px;
		/*width: calc(100% - 30px);*/
		width:100%; min-height: 100px!important;
		display:block!important; 
}
.rquiz-target:nth-child(1) {
	background-color: gold;	
	max-width:inherit; min-height:inherit;
	
	}
.rquiz-target:nth-child(2) {
	background-color: yellowgreen;
	max-width:inherit; min-height:inherit;
	}
.rquiz-target:nth-child(3) {
	background-color: lightpink;
	max-width:inherit; min-height:inherit;
	}


}