body style{
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 15px;
}


div.topwrapper{
  display:flex;
}


img.aview{
display:flex;
padding-left: 15px;


}

section {
background-color:transparent;
padding:40px 20px;
display:flex;
justify-content: space-between;
align-items: center;
position:fixed;
top:0;
left:0;


}

.close{
filter:invert(1);

}
.navvy a{
  text-decoration: none;
  color:white;
}

nav.navvy {
display:none;
}
nav.navvy.active{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
position: fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color: #DA6A6A;
}
nav.navvy.active a{
  padding:20px;
  color:white;
  font-size:30px;
  font-weight:bolder;
  text-decoration:none;

}

nav.navvy a:hover{
color:#299458;

}
img.hamburger.hide{
  display:none;
}

img.close{
display:none;
}
img.close.show{
  display:flex;
}
img.aview{
  padding:auto;
  margin-top:0;
  align-items: center;
}

@media only screen and (min-width: 991px) {
  nav.navvy {

    display:flex;
    margin:auto;

    justify-content: space-between;

}
  nav.navvy a{
    font-size:30px;
    padding:10px 30px;
    color:black;
    text-shadow:gray 10px 10px 5px;
    font-weight:bolder;
    text-decoration:none;



}
section {
  background: rgba(241, 249, 240, 0.46);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8.9px);
  -webkit-backdrop-filter: blur(8.9px);
  display:flex;
  position:fixed;
  width:100%;
  left:0;
  top:0;
}
nav.navvy a:hover{
  font-size:30px;
  text-shadow:black 10px 10px 5px;
  color:#DA6A6A;
}


  div.toggleBox{
    display:none;
  }

img.driveg{
  display:none;
}
body{

  background-color:white;
}

}

@media only screen and (max-width: 991px){
img.aview{
  display:none;
}
img.driveg{
  display:flex;
  max-width: 100%;
  height:100vh;

}
}

.hiss{
color:darkgreen;
text-align: center;
background: rgba(241, 249, 240, 0.46);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
z-index:-1;
border-radius: 20px;
margin-top:20vh;
margin-left: 10vw;
margin-right:10vw;
font-size: 2rem;
padding:3rem;
}

.hissc{
  color:darkgreen;
  text-align: center;
  font-weight: bolder;
  background: rgba(241, 249, 240, 0.46);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  z-index:-1;
  border-radius: 20px;
  margin-top:20vh;
  margin-left: 10vw;
  margin-right:10vw;
  padding:3rem;
  font-size:3em;
  }

.mapflag{
  float: left;
  padding:2px;
}

.hissp{
color:red;
text-align: left;
background: rgba(241, 249, 240, 0.46);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
z-index:-1;
border-radius: 20px;
margin-top:10vh;
margin-left: 10vw;
margin-right:10vw;
font-size: 2rem;
padding:2rem;

}

.hissx{
color:darkgreen;
text-align: center;
background: rgba(241, 249, 240, 0.46);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
z-index:-1;
border-radius: 20px;
margin-top:10vh;
margin-left: 10vw;
margin-right:10vw;
font-size: 2rem;
padding:3rem;

}


.table_component {
    overflow: auto;
    width: 100%;
    background: rgba(241, 249, 240, 0.46);
    display:flex;
}

.table_component table {
    border: 1px solid #dededf;
    height: 100%;
    width: 100%;
    padding:3px;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 1px;
    text-align: left;
    background: rgba(241, 249, 240, 0.46);
}


.table_component th {
    border: 1px solid #dededf;
    background-color: #eceff1;
    color: #000000;
    padding: 5px;
}

.table_component td a {


    color: darkgreen;
    padding: 5px;
}

.hissx a:link {
  color: darkgreen;
  background-color: transparent;
  text-decoration: none;

}

.hissx a:hover {
  color: green;
  background-color: transparent;
  text-decoration: none;
  font-size:1em;
}

a:visited {
  color:darkgreen;
  background-color: transparent;
  text-decoration: none;
}