/* Navbar */
.navbar{
  max-height: 60px; 
}
  .navigation .navbar-brand{
    margin-left: 30px; 
    padding: 15px; 
    font-weight: bold;
    color: white;
    background-color: rgb(0, 112, 79);
    font-family: Georgia, 'Times New Roman', Times, serif;
  }

  .navbar{
    background-color: white; 
    font-size: 15px; 
  }

  .active, .dropdown-menu .dropdown-item:active a:hover{
    background-color:white; 
  }

  .dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover{
    background-color: rgb(0, 112, 79);
  }

  .nav-link:hover{
    background-color: rgb(0, 112, 79);
  }

/* Body*/
h3{
  font-size: 25px;
}
body {
  background-color: whitesmoke;
}

/* Title Class*/
.title {
  color: rgb(0, 112, 79);
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-weight: bolder;
  padding-top: 25px;
}

div div div div div div.title{font-size:20px; text-align: center;}

/* Paragraph */
p {
  color: black;
  font-size: 15px;
}

/* Box Class */
.box {
  margin-top: 70px; 
  margin-bottom: 70px; 
  padding: 10px 20px 15px; 
  color:black;
  background-color: white; 

}

/* Images */
img {
  width:70%;
  height:70%;
}
  .indeximage{width:40%; height:40%}

.panel{width:100%; height:100%}

.active, .panel:hover{
  border-color:rgb(0, 112, 79);
  border-style: solid;
}

/* Table*/
.table {
  font-size: 15px;
  text-align: center;
}

th{
text-align: center;
vertical-align: middle;
}

/* Media Queries */
@media(max-width: 900px){
  .navbar-expand-lg{
  background-color: rgb(0, 112, 79);
  }
  .navbar{
    max-height: none; 
    padding: inherit;
  }
  .navbar div{
    margin: inherit; 
    background-color: white;  
  }
  .navbar-brand{
    padding: 10px; 
  }

  button{
      margin-right: 20px; 
    }

  button:focus {
      outline: 1px dotted;
      outline: 5px auto -webkit-focusring-color;               
    }
  }