.column {
  flex: 33.33%;
  padding: 2%;}

.row {
  display: flex;
  padding-left: 5px;
  padding-right: 5px;}


.flex-container {
  display: flex;
  flex-wrap: wrap;
  margin: 20px;
  padding: 5px;
  height: 100%;
  width: 100%;
  border: 10px;
  border-radius: 5px;
  border-style: solid;
  border-color: #a32638;
  background-color: white;
}

.flex-container-2 {
  display: flex;
  flex-wrap: wrap;
  margin: 20px;
  padding: 5px;
  height: 50%;
  width: 50%;
  border: 10px;
  border-radius: 5px;
  border-style: solid;
  border-color: #a32638;
  background-color: white;
}


.container {
  display:inline-flex;
  margin: auto;
  align-content:center;
  justify-content:center;
}

.parasol {opacity: 0.5;}

.empty {opacity: 0;}

header {color: #5d101c;
text-align:center; 
font-size:20px;}



 section {margin-left:12%;
  padding: 10px;
  }
    
  @media only screen and (max-width: 1000px) {
  body {margin:auto;} }

ul {
  list-style-type: none;
  padding: 1%;
  position: fixed;
  overflow: auto;
  font-size: 110%;}

li a {
  display: block;
  color: #5d101c;
  background-color: #a32638;
  padding: 15px;
  text-decoration: none;}

li a:hover:not(.active) {
  color: pink;}

.text {
  padding-left: 20px;
  padding-right: 20px;}
  
  .dotted-line {
  border-bottom: 2px dotted#5d101c; 
  
  margin: 10px;
}