body{
  margin-left: -0.01vw;
  margin-right: -0.01vw;
  background: url('./assets/background-image.jpg') center center;
}

table{
  border: 2px solid black;
  
}
th, td{
  border: 1px solid black;
  width: 8em; /* 7% */
  height: 8em;
  text-align: center;
}
th{
  font-size: 115%;
}

h2{
  text-align: center;
}

ul lh{
  margin-left: -2em;
  font-weight: bold;
  font-size: 1.15em;
}


/* Section 1: Navbar */ 
.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f7f4ee;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 14px 18px;
    text-decoration: none;
    display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: lightgray;}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {display: block;}

.navbtn{
  border: none;
  background-color: transparent;
  color: lightgray;
  height: 12%;
  /*width: 12%;*/
  display: inline-block;
  padding: 0px;
  font-size: calc(5px + 0.73vw);
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  outline: none;
  margin-top: 2.25%;
  margin-right: 2vw; 
}
.navbtn:hover{
  color: white;
}
#nav1{
  margin-left: 30vw; /*  */ 
  height: 24%;
}
#navLast{
    margin-right: 10vw;
}
#pageName{
  text-align: center;
  color: white;
  font-size: calc(10px + 4vw);
  text-shadow: 3px 2px black;
}

.bg-light {
    background-color: #f8f9fa!important;
  }
  
  .navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  .navbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: darkslateblue;
  }
  
  .navbar {
    position: relative;
    padding: .5rem 1rem;
    margin-top: -1.1vh;
  }
  
nav, header {
    display: block;
}



/* Section 2: Header */ 
  
  @media (min-width:768px) {
    header.masthead {
      padding-top: 16rem;
      padding-bottom: 16rem;
    }
  }
  
  header.masthead {
    position: relative;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-size: cover;
  }



/* Section 3: Summary used for the sub-header and footer */ 

.summary{
    background-color: darkslateblue;
    color: white;
    font: verdana;
    margin-top: -3vh;
    padding: 2.5vw;
    padding-left: 14.5vw;
    padding-right: 14.5vw;
    font-size: 18px;
    text-align: center;
  }
  .footer{
    text-align: left;
    margin-top: 3vh;
    margin-bottom: -3vh;
}


/* Section 4: The body of the page*/
.body{
  /* margin-left: -1vw;
  margin-right: -1vw; */
  padding: 1.5vw;
  padding-left: 18vw;
  padding-right: 18vw;
  background-color: #f7f4ee; 
  margin-top: -3vh;
  margin-bottom: -3vh;
}

.title{
  color: lightgray;
  text-decoration: none;
}
.title:hover{
  color: white
}

.center{
  margin-left: auto;
  margin-right: auto;
}

.block{
  display: block;
}

img{
  width: 75%;
  height: 75%;
}

.blue{
  color: blue;
}
.red{
  color: red;
}
.orange{
  color: orange;
}
.green{
  color: green;
}
.lightblue{
  color: lightskyblue;
}

.tab{
  text-indent: 3em;
  padding-right: 2em;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.no-topspace{
  margin-top: -1%;
}

.bottom-space{
  margin-bottom: 4%;
}