body{   display:flex;flex-direction: column; width: 98vw;align-items: center; 
    margin:0; padding:0;background-color: #81C4D1; }
main{display: flex; flex-direction: column; }
h3{max-width:90%;background-color: maroon;
color:yellow; padding: 5px;text-decoration: wavy;border:white solid 4px; 
    border-radius: 10px;}
.fr560{ max-width: 1000px;flex: 1 1 80%; margin: auto;font-size: 1.5em;}
/*.noting{flex: 1 1 30%;}*/
.mapset{display: flex; flex-direction: row;font-size: larger;}
.row{display: flex;flex-direction: row;flex-wrap: wrap;}
.row p{margin: 5px;}
.colorchid{display: flex; flex-direction: column;margin: auto;
    border:5px solid darkorchid;border-radius: 30px;
    padding:10px;}
.col400{display: inline-block; width:500px;margin: auto;
    background-color: aliceblue;font-size: larger;
    border: yellow 4px solid; border-radius: 10px;padding: 2px;}
.col80{max-width:90%;background-color: aliceblue;font-size: larger;
    border: yellow 4px solid; border-radius: 10px;padding: 2px;}
.noting{flex: 1 1 30%;}
.mapcol{ display: flex; flex-direction: column; width: 90%;        }
/*HEIGHT HAD TO BE TAKEN OFF OF THE FLEX GETS OVERLAPPED ON THE 
MAP*/
#mapline{background-color: blue; 
   width: 100%;height:100%;   }
#pace1{ background-color: lightseagreen; flex: 1 1 80%; font-size: 2em;}
#togf{position: absolute; left:34%; top:72%}   /*{position: relative;  left:25%;top:75%;padding: 0; }*/
#toge{position: absolute; left:23%; top: 32%; }
#togd{position: absolute; left:2%; top: 51%;}
#togc{position: absolute; left:55%; top: 17%;}
#togb{position:absolute; left:0%; top: 3%;}
#toga{position: absolute; left:41%; top: 7%;padding: 0;}
.a3{background-color: cornsilk;font-size: 0;display: inline-block;}
.a1 {  background-color:red;        border-radius: 2px black solid;
    width: 10px; height:10px;  margin-right: 0;
    clip-path: ellipse(5px 5px at 50% 50%) }
.a2{ font-size: 0;    }  
/*.town{ background-color:cornsilk;width: 80px;height:25px;display: block;position:relative;}
.town{font-size: 1em;}*/
.townf {  font-size: 1em;background-color: cornsilk;
    display: inline-block;}
.b1{background-color: lawngreen; }
#map1{font-size: 0.9em;}
#map1 #a{position: absolute; margin:0; padding: 0;  left:45%; top: 0%; } 
#map1 #b{ margin:0; padding: 0; position: absolute; left:30%; top:11%; }
 #map1 #c{ margin:0; padding: 0; position: absolute; left:57%; top: 25%; }
 #map1 #d{margin:0; padding: 0; position: absolute; left:2%; top: 47%; }
 #map1 #e{margin: 0;padding: 0;  position: absolute; left:39%; top: 41%; }
 #map1 #f{position: absolute; padding: 0;margin: 0 ;  left:44%; top:82%;}
 
 
 
 #g{ position: relative;  top: 0;padding: 0; }   
.horiz{display: flex;   margin-bottom: 0;width: 100%;  max-height: 10%;}
.vert{display: flex; margin-left: 0;height:100%;    max-width: 10%;}
img { width: 100%;  height: 100%;}
#map1{ background-color: burlywood;position: relative;
    width: 100%;   height:100%;
    /*float: left;*/
    clip-path: polygon(0 0, 0 65%, 11% 66%, 16% 62%,
    20% 65%,19% 71%,  20% 75%, 23% 72%, 25% 71%, 24% 70%,
     23% 63%, 25% 55%, 28% 49%, 33% 44%,
     38% 44%, 48% 50%, 35% 64%, 35% 67%, 
     30% 74%, 33% 77%,30% 85%,  27% 88%, 28% 91%, 36% 93%,
      37% 92%, 45% 84%, 
     60% 78%, 70% 74%, 73% 52%, 82% 45%,92% 44%, 91% 42%,
     75% 11%, 77% 6%, 76% 0 );
    shape-outside: polygon(0 0, 0 65%, 11% 66%, 16% 62%,
    20% 65%, 19% 71%,  20% 75%, 23% 72%, 25% 71%, 24% 70%,
     23% 63%, 25% 55%, 28% 49%, 33% 44%, 
     38% 44%, 48% 50%, 35% 64%, 35% 67%, 
     30% 74%, 33% 77%,30% 85%,  27% 88%, 28% 91%, 36% 93%, 
     37% 92%, 45% 
     84%, 60% 78%,
     70% 74%, 73% 52%, 82% 45%,92% 44%, 91% 42%,
     75% 11%, 77% 6%, 76% 0 );
        
   }