.qasrc{
	line-height:1.1em;
	text-align:center;
	margin:10px 0;
}

.srctip{
    flex: 0 0 30%;
/*	float:left;
	width:30%;*/
	margin:6px 7px;
	border:1px solid #e2e2e2;
	font-size:0.72em;	
	min-height:34px;
	/*height:42px;*/
	/*display: table-cell;*/
        vertical-align: middle;
	
}

.srctip a{ text-decoration:none;color:#33558d; }

.qasrc{
  display: table;
}

.srctx{
	width:180px;

}

.srcsorry{
	font-size:1.2em;
	color:#30751d;
	font-weight:bold;
	line-height:1.4em;
}

.clearp,.srcsorry{
	clear:both;
	height:50px;
	width:100%;
}
.imgmid{
	vertical-align:middle;
}
.tippic{
	/*float:left;*/
}

.clear{
	clear:both;
}

#bigpic{
	background-color:white;
	border:3px solid #902a2c;
	width:220px;
	padding:10px;
	position:absolute;
	left:20px;
	top:20px;
	text-align:center;
	display:none;
}

.closebtn{
	text-align:right;
	margin:5px 5px 15px 5px;
	padding:0px;
}

#qasrcWrap div.srctip,
h1.questx,
#triviaBodyWrap_a{
    font-size: calc(0.55vw + 0.55vh);
}

#triviaBodyWrap_a > div{
    flex:  0 0 100%;
}
#triviaBodyWrap_a{
    display: flex;
    flex-wrap: wrap;
}
#ansPic{
    width: 100%;
    margin: 1rem auto;
}

.backTx{
    text-align: center;margin: 3rem auto;
}

#qasrcWrap{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#qasrcWrap div.srctip{
    text-align: left;
    padding: 0.5rem;
    margin: 1rem auto;
    min-height: 4rem;
    border-radius: 0.5rem;
}
#qasrcWrap div.srctip a,
div.tippic img{
    width: 100%;
    display: block;
}

div.tippic img{
    margin-bottom: 0.5rem;
    max-height: 10rem;
    object-fit: contain;
    width: 100%;
}