.fraction {
    display: inline-block;
    vertical-align: middle; 
    margin: 0 0.2em 0.4ex;
    text-align: center;
}
.fraction > span {
    display: block;
    padding-top: 0.15em;
}
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;}
    

.gras{font-weight: bold;}



table{
	border-collapse: collapse;
	padding: 5px;
	border-color: #FF1B22;
	border: medium solid black;

}
table td{
	border: groove;
	min-width:170px;
	text-align: center;
    padding: 3px;
    height: 45px;
    
}

table input {
	font-size: 15px;
	font-weight: bold;
	width: 120px;
	
	text-align: center;
}

select {
    width: 120px;
    text-align: center;
    font-weight: bold;
    
}


.images {
	width: 300px;
}

th{
text-align: center;
	border: groove;
	min-width: 50px;
	background-color:#616161;
	color: white;
	font-weight: normal;
	font-size: 20px;
	padding: 3px;
    height: 45px;
}

table tr:nth-child(odd){
  background-color:#D3E0FF;
}

.images {
	width: 320px;
}

table tr:nth-child(odd){
  background-color:#D3E0FF;
}

@media screen and (min-width: 780px) {

.wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
  grid-auto-rows: minmax(70px, auto);
}


.one {
  grid-column: 1;
  grid-row: 1;
}
.two { 
  grid-column: 2;
  grid-row: 1 ;
}
.three {
  grid-column: 1;
  grid-row: 2 ;
}
.four {
  grid-column: 2;
  grid-row: 2;
  
}
}