img{
    width: 99%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display:block;
  }
  button{
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    Background-color:white
  }
  h1{
    text-align:center;
    font: 14px sans-serif;
  }
  h2{
    text-align:center;
    font: 10px sans-serif;
  }
  h3{
    text-align:center;
    font: 8px sans-serif;
  }
  h4{
    text-align:Left;
    font-weight: bold;
    font: 14px sans-serif;
  }
  #about{
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 10px;
    border-style: solid; 
    border-width: 1px;
    font: 14px Arial, sans-serif;
  }
  P{
    Align: center;
  }
  .Graphs{
    overflow: hidden;
  } 
  .GraphsUp{
    display: none;
    position: absolute;
  }
  #synoptic_situation{
    padding-right: 30px;
    padding-left: 10px;
    font: 14px Arial, sans-serif;
  }
  #warning-summary{
    font: 14px Arial, sans-serif
  }
  #forecast_winds{
    padding-top: 20px;
    padding-right: 30px;
    padding-left: 10px;
    font: 14px Arial, sans-serif
  }
  #forecast_weather{
    padding-top: 2px;
    padding-right: 30px;
    padding-left: 10px;
    font: 14px Arial, sans-serif
  }
  #forecast_seas{
    padding-top: 2px;
    padding-right: 30px;
    padding-left: 10px;
    font: 14px Arial, sans-serif
  }
  #preamble{
    padding-top: 100px;
    padding-right: 30px;
    padding-left: 10px;
    font: 12px Arial, sans-serif, italic;
  }
  #ButtonTable{
    table-layout: fixed;
    width:50%; 
    margin-left:25%; 
    margin-right:25%;
  }
  #popup {
    display:block;
}