body{
margin: 0;
padding: 0;
box-sizing: border-box;
}
img{
    width: 50%;
}
table td{
    font-size: 6vw;
}
.scan{
    display: inline;
}
.locateScan{
    float:left;
    width: 48%;
}
.reachScan{
    float:right;
    width: 48%;
}
.layout {
  display: grid;
  grid:
    "span12 span12 span12 span12 span12 span12 span12 span12 span12 span12 span12 span12" 1fr
    "head head head head head head head head head head head head" 1fr
    "span6 span6 span6 span6 span6 span6 span6 span6 span6 span6 span6 span6" 1fr
    "span3 span3 span3 span3 span3 . . span4 span4 span4 span4 span4" 1fr
    ". span1 span1 span1 span1 span1 . span5 span5 span5 span5 ." 1fr
    / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 8px;
}

.span12 { 
    grid-area: span12; 
    font-size: 9vw;
    color: red;
    font-style: "LATIN WIDE";
    text-align: center;
    padding: 3vw;
    font-weight: bold;
    margin: 0;
    box-sizing: border-box;
    
}
.head { 
    grid-area: head; 
    font-size: 6vw;
    color: brown;
    font-style: "LATIN WIDE";
    text-align: center;
    padding: 1.5vw;
    font-weight: bold;
    margin: 0;
    box-sizing: border-box;
    border: 3px solid brown;
    border-radius: 3vw;
    
}
.span6 { 
    grid-area: span6; 
     font-size: 6vw;
    color: blue;
    font-style: ALGERIAN;
    text-align: center;
    padding: 2vw;
    font-weight: bold;
   // margin: 0;
    box-sizing: border-box;
    
}
.span3 { 
    grid-area: span3; 
    border: 1px solid grey;
      font-size: 3vw;
    color: green;
    font-style: ALGERIAN;
    text-align: center;
    padding: 1vw;
    font-weight: bold;
   // margin: 0;
    box-sizing: border-box;
}
.span4 { 
    grid-area: span4; 
    border: 1px solid grey;
    font-size: 3vw;
    color: green;
    font-style: ALGERIAN;
    text-align: center;
    padding: 1vw;
    font-weight: bold;
   // margin: 0;
    box-sizing: border-box;
}
.span1 { 
    grid-area: span1; 
       border: 1px solid grey;
    font-size: 3vw;
    color: brown;
    font-style: ALGERIAN;
    text-align: center;
    padding: 1vw;
    font-weight: bold;
   // margin: 0;
    box-sizing: border-box;
    
}
.span5 { 
    grid-area: span5; 
       border: 1px solid grey;
    font-size: 3vw;
    color: brown;
    font-style: ALGERIAN;
    text-align: center;
    padding: 1vw;
    font-weight: bold;
   // margin: 0;
    box-sizing: border-box;
    
}

