@media( max-width:30em ){

.resp{
	width: 100%;
	font-size: .9em;
}


.resp tr{
	display:flex;
	flex-direction: column; 
	border:1px solid grey;
	border-radius: 5px;
	margin-bottom: 0.5em;

	padding: 5px;
}



.resp td[data-titulo]{
	display: flex;
}

.resp td[data-titulo]::before{
	content: attr(data-titulo);
	width: 120px;
	color:silver;
	font-weight: bold;
}

.resp thead{
	display: none;
}

}

.break {
  display: inline-block;
  height: 0;
}