nav {
   flex: 0 0 200px;
}

#lecture-content {
   display: -ms-grid;
   display: grid;
   grid-gap: 10px;
   grid-template-columns: 350px 350px auto;
   grid-template-rows: auto 90px auto;
   -ms-grid-columns: 350px 350px auto;
   -ms-grid-rows: auto 90px auto;
}

#imagestack {
   grid-column: 1 / span 1;
   grid-row: 1 / span 2;
   -ms-grid-column: 1;
   -ms-grid-row: 1;
   -ms-grid-row-span: 2;
   max-width: 350px;
}

#drawing {
   grid-column: 3 / span 1;
   grid-row: 1 / span 2;
   -ms-grid-column: 3;
   -ms-grid-row: 1;
   -ms-grid-row-span: 2;
}

#drawing img {
   height: 100%;
}   

.cinema {
   grid-column: 2 / span 1;
   grid-row: 1 / span 2;
   -ms-grid-column: 2;
   -ms-grid-row: 1;
   -ms-grid-row-span: 2;
   max-width: 350px;
}

#xrays {
   grid-column: 1 / span 3;
   grid-row: 3 / span 1;
   -ms-grid-column: 1;
   -ms-grid-column-span: 3;
   -ms-grid-row: 3;
   margin-left: -72px;
}

.xraybtns td, .xraybtns input {
   width: 60px;
   padding: 0px;
   margin: 0px;
}

.ximage {
   width: 350px;
}
