.center {
    margin: auto;
    width: 100%;

   
}

.centerpic {
    margin: auto;
    /*width:800px; margin:0 auto;*/
    display: flex;
    justify-content: center;
    border: solid none;
}
td {
    padding: 0.5em;
    padding-right: 1em;
}

h1 {
    text-align: center;
}
li {
    display: inline;

}

/*.container {
    margin: auto;
    height: 75%;
    width: 50%;
    text-align: center;
    border: solid #73AD21;

}*/
#container {
    margin: auto;
    height: 75%;
    width: 100%;
    text-align: center;
    border: solid #73AD21;
    
}

    #container img {
        width: 100%;
    }
.nav {
 
    color: white;
    text-align: center;
    height:1%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    place-items: center;
    background-color:  aqua;
} 
 

img {
    max-width: 100%;
    height: auto;
  }
 
  .beta table,
  .beta td, 
  .beta th {
 
    border: 1px solid black;
   
  }

  @media all and (max-width: 1000px) and (min-width: 700px) {
    .class {
     margin:50px;
    }
  }