form {
   display: inline;
}

#searchterm {
  font-weight: bolder;
}

#tots {
   display: inline;
   font-weight: bolder;
}
.buttongroup {

	padding-right: 2px;
	padding-left: 2px;
	
}
	
.singleresult {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	max-width: 750px;
	border-radius: 5px;
	background-color: rgba(218,224,191,0.50);
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	border: thin solid #024D1E;
	display: grid;
	grid-template-columns: 5% 92% 3%;
  	grid-template-rows: auto auto auto auto;
}

.labels {
	font-style: italic;	
	font-size: smaller;

}

.numb {
	grid-column-start: 1;
  	grid-column-end: 2;
  	grid-row-start: 1;
  	grid-row-end: 2;	
  font-weight: bolder;
}

.main_item {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;

        display: grid;
        grid-template-columns: 10% 9% 9% 9% 9% 9% 9% 9% 9% 9% 9%;
        grid-template-rows: auto auto auto auto;
        grid-row-gap: 0.5em;
}

.english {
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row-start: 1;
        grid-row-end: 2;
}

.standard {
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row-start: 2;
        grid-row-end: 3;
}

.comp_level {
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row-start: 3;
        grid-row-end: 4;
}

.speech_part {
        grid-column-start: 1;
        grid-column-end: 6;
        grid-row-start: 4;
        grid-row-end: 5;
}

.audioplayer {
        grid-column-start: 6;
        grid-column-end: 12;
        grid-row-start: 1;
        grid-row-end: 3;

}	

@media only screen and ( max-width: 630px ) {
	.audioplayer {
		grid-column: 1 / 12;
		grid-row: 3 / 4;
	}

	.english {
		grid-column: 1 / 12;
	}

	.standard {
		grid-column: 1 / 12;
	}
}