body {
   /*
   display: grid;
   grid-template-columns: 1fr;
   gap: 0.5em;
   */
   padding: 1.0em;
   font-family: "Readex Pro","Segoe UI","Opens Sans", "Droid Sans","Public Sans Web", "Roboto", Helvetica, sans-serif;;
   font-size: 18px;
   justify-content: center;
   text-align: center;
}
div#main {
   margin: 0.5em;   
}
.sitetitle {
  display: inline-block;
  margin-left: 0.8em;
  text-align: center;
  color: #0720e3;
  position: relative;
  top: 0.25em;
}
.centertext {
  text-align: center !important;
}
img, svg {
  vertical-align: middle;
}
h1 {
   color: green;
   text-align: center;
   font-size: 1.3em;
}

h2 {
   color: black;
   font-size: 1.2em;
}
h3 {
   margin-top: 1.0em;
   font-size: 1.1em;
}
a:link {
  color: #0000EE;
}
a {
  text-decoration: none;
  border: none;
}
.mainbody {
  position: fixed;
  top: 8.0em;
  left: 0;
  height: calc(100vh - 10.0em);
  overflow: auto;
  flex: 1;
}
ul#rigging {
   text-align: left; 
   justify-content: left;  
}
div#riggingdetails {
   text-align: left; 
   justify-content: left;     
}
#myfooter {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.smallfooter {
  display: inline-block;
  width: auto;
  margin-right: 1.0em;
  margin-bottom: 1.0em;
  font-weight: 600;
}
.container {
   /*
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0.8em;
   */
   justify-content: center;
   max-width: 100%;
   margin: 0 auto;
}

.item {
   display: inline-block;
   padding: 1.0em;
   border: 1px solid #ddd;
   border-radius: 10px;
   background-color: #e0f7fa;
   text-align: center;
   width: 30%;
   margin: 0.3em;
}
   
@media(max-width: 480px) {
   .item {
      width: 88%;
   }
}

@media(max-width: 375px) {
   .item {
      width: 88%;
   }
}