.ortho_item {
        display: grid;
        grid-template-columns: 16% 20% 20% 40%;
        grid-template-rows: auto auto auto auto;
        
}

.letter {
				grid-column: 1 / 2;
				grid-row: 1 / 2;
}

.englishr {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
}

.standardr {
        grid-column: 3 / 4;
        grid-row: 1 / 2;
        font-weight: bold;
}

.audioplayerr {
        grid-column: 4 / 5;
        grid-row: 1 / 2;
}	

@media only screen and ( max-width: 900px ) {
	.ortho_item {
        grid-template-columns: 20% 40% 40%;
	}

	.audioplayerr {
				grid-column: 1 / 4;
				grid-row: 2 / 3;
	}

}

@media only screen and ( max-width: 500px ) {
	.ortho_item {
        grid-template-columns: 45% 50%;
	}

	.letter {
				grid-column: 1 / 2;
				grid-row: 1 / 2;
	}
	
	.englishr {
        grid-column: 2 / 53;
        grid-row: 1 / 2;
	}

	.standardr {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
        font-weight: bold;
	}

	.audioplayerr {
				grid-column: 1 / 3;
				grid-row: 3 / 4;
	}

}