body {
  background-image: url('images/bg_dew.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  border-radius: 20px;
  text-align: justify;
}

h1 {
color: black;
opacity: 1.0;
font-family: Tahoma, Verdana, sans-serif;
}

h2 {
color: black;
opacity: 1.0;
font-family: Tahoma, Verdana, sans-serif;
}

h3 {
color: black;
opacity: 1.0;
font-family: Tahoma, Verdana, sans-serif;
}

p {
  color: black;
  font-family: Tahoma, Verdana, sans-serif;
}

ul {
  color: black;
  font-family: Tahoma, Verdana, sans-serif;
}

footer {
  color: black;
  font-family: Tahoma, Verdana, sans-serif;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 20px;
}

header {
  color: black;
  font-family: Tahoma, Verdana, sans-serif;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 20px;
}
table {
  td:nth-of-type(2) {
  background: rgba(255, 255, 255, 0.4) 
  border-radius: 10px;
}

}

.box {
  font-family: Tahoma, Verdana, sans-serif;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 20px;
}

.boxlight {
  font-family: Tahoma, Verdana, sans-serif;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
}

.textbox {
  margin-top: 20px;
  margin: 20px;
  margin-bottom: 20px;
}

 /* Style the button that is used to open and close the collapsible content */
.collapsible {
 /* background-color: #eee; */
  background: rgba(255, 255, 255, 0.4);
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: justify;
  outline: none;
  font-size: 15px;
  border-radius: 20px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
/*  background-color: #ccc;*/
  background: rgba(255, 255, 255, 0.7);
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
 /* background-color: #f1f1f1;*/
}

.section-images {
  height: 100%;
  margin: 0;
}
.section-images {
  margin: auto 2em;
  text-align: center;
}
img {
  display: block;
  width: auto;
  height: auto;
  max-width: 40%;
  max-height: 90%;
  margin: 20px auto;
  border-radius:50px;
}