P {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : black;
text-indent: 0%
}
H1, H2, H3, H4, H5, H6 {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : black
}

H1 {
font-size: 60px;
align:left;
margin-top: 0.0em;
margin-bottom: 0.1em;
}
H2 {
font-size: 130%
}
H3 {
font-size: 120%
}
H4 {
font-size: 90%;
align:left;
height:90%;
}

#mnuimg {
  float:right;
  margin-right:20px;
  position:relative;
  z-index: 3;
  width="22px";
  height="21px";
}
#hovtxt {
  border: none;
  display: none;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-top: 0px;
  text-decoration:none;
  padding: 5px;
}

#hovmnu:hover #hovtxt {
  display: block;
  position: absolute;
  right:35px;
  top:18px;
}
ul {
  text-decoration:none;
  list-style: none;
  }

li a
{
  height:40px;
  line-height:40px;
  display:block;
  color:black;
  background-color:white;
  list-style: none;
  text-decoration:none;
  font-size:14px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  padding-left:0px;
}
li:hover a
{
  padding-left: 0px;
  color:blue;
  -webkit-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}
ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.mnu-list li {
  display: inline-block;
  list-style-type: none;
  height: 0px;
  margin: 0 0 0 0 ;
  position: relative;
  width: 0px;
}
span.menu-text {
  background: rgba(0,0,0,0);
  color: white;
  cursor: pointer;
  display: table;
  height: 60px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
ul.mnu-list li:hover span.menu-text {
  opacity: 1;
}

.txt90pc {
  max-width: 85%;
  margin-left: 10px;
  text-align: justify;
  }
.biopara {
  max-width: 350px;
  text-align: justify;
  padding: 5;
  }
  
.mbox {
  width: 80px;
  height: 50px;
  }
  
.mbox:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
  }
.mbred {
  background:#E32636;
  }
.mbblue {
  background:#0047AB;
  }
.mbyell {
  background:#FB7D20;
  }
.mbgreen {
  background:#3007B6;
  }
.mbpurp {
  background:#0F9B86;
  }
.mnulong {
 width: 600px;
 margin: 0;
 vertical-align: top;
 }
.mnutab {
 width: 300px;
 padding: 0;
 margin: 0;
  vertical-align: top;
 }
  
  
  
div.mnubar{
    display: flex;
    min-height: 100vh; /* set min container height to viewport height */
    max-height: 100px;
    max-width: 900px;
}

div.mnubarcol{
    flex: 1;
    padding: 1px;

}
div.mnubarcol:nth-of-type(1){
    flex: 0 0 600px;
}
div.mnubarcol:nth-of-type(2){
    flex: 0 0 80px;
}
div.mnubarcol:nth-of-type(3){
    flex: 0 0 80px;
}
div.mnubarcol:nth-of-type(4){
    flex: 0 0 80px;
}
div.mnubarcol:nth-of-type(5){
    flex: 0 0 80px;
}
div.mnubarcol:nth-of-type(6){
    flex: 0 0 80px;
}