body {

  margin: 0;

  padding: 0;

  background-color: #cccccc;

}



.submenu a {

  color: #0000c6;

  text-decoration: none;

}

.submenu a:hover {

  /*color: red;*/

  color: rgb(175, 0, 0);

}



.submenu a.active,

.vertical-menu a.active {

  color: lightgray;

}



.submenu {

  width: 75%;

  display: flex;

  /*font-size: small;*/

  text-align: center;

  background-color: whitesmoke;

  color: #0000c6;

  font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;

  font-weight: bold;

  justify-content: space-around;

  font-size: 14px;

}



.vertical-menu {

  width: 200px;

  padding-left: 10px;

}



.vertical-menu a {

  background-color: whitesmoke;

  text-align: left;

  color: #0000c6;

  display: block;

  padding-left: 20px;

  padding-bottom: 8px;

  text-decoration: none;

  font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;

  font-weight: bold;

  font-size: 14px;

}



.vertical-menu a:hover {

  color: rgb(175, 0, 0);

  /*color: red;*/

}



div.scroll {

  margin-top: 30px;

  margin-right: 15px;

  height: 2150px;

  overflow-x: hidden;

  overflow-y: auto;

  padding-left: 20px;

  padding-right: 20px;

  text-align: justify;

}



div.scroll-pic {

  text-align: centre;

}



span {

  color: red;

  font-weight: bold;

  font-size: xx-large;

}



.gallery {

  margin: 5px;

  border: 2px solid darkgrey;

  float: left;

  width: 180px;

}

.gallery img {

  width: 100%;

  height: auto;

}



.desc {

  padding: 10px;

  text-align: center;

}



.alleries {

  color: rgb(175, 0, 0);

  font-weight: bold;

}



div.bottom-line {

  text-align: center;

  color: #0000c6;

  font-family: "harrington, Geneva, Arial, Helvetica, sans-serif";

  border-top: 1px solid black;

  padding-top: 10px;

  padding-bottom: 10px;

  font-weight: bold;

  font-size: large;

}

.title28{
  font-size: 28px; 
  font-family: Century Gothic; 
  font-weight: bold;
  color: #0000C6;
}

.title20{
  font-size: 20px; 
  font-family: Century Gothic; 
  font-weight: bold;
  color: #0000C6;
  margin-bottom: 15px;
  
}

.title18{
  font-size: 18px; 
  font-family: Century Gothic; 
  font-weight: bold;
  color: #0000C6;
  margin-bottom: 15px;
  
}