* { font-family: 'nunito', sans-serif; }

h2 {   
    
    font-size: 18px;
    font-weight:700;
    color:#BBBBBB;

}


hr {
  border-top: 1px solid blue;
}

.address { 
    color: #BBBBBB;
padding: 4px;
border-top: 1px solid #BBBBBB;
      margin-left: auto;
  margin-right: auto;
width: 30%; 
font-size:12px;
font-weight:200;
   
    
}

.details { position: relative;
top:-12px;
left: 250px;
}

.open { position: relative;
top:5px;
left: -250px;
}

form {
   
      font-size: 12px;
    font-weight:700;
    color:#BBBBBB;
}

.dropdown {
    position:relative;
     left :160px;
     bottom: 10px;
     bg-color: #BBBBBB;
}
.vl {
  border-left: 2px solid blue;
  height: 20px;
  margin-right:3px;
}

 #hero .bg {
     background-size: contain;
   /* height:50%;
    width:50%;*/
   position: absolute;
right: 0px;
bottom: 0px;
    /*z-index:10;
    object-fit:cover;
    font-family:'object-fit:cover';*/
} 


/* unvisited link */
.link:link {
  color: blue;
}

/* visited link */
.link:visited {
  color: #99ccff;
}

/* mouse over link */
.link:hover {
  background-color: yellow;
}

/* selected link */
.link:active {
  color: red;
}

/* unvisited link */
.mail:link {
  color: #BBBBBB;
}

/* visited link */
.mail:visited {
  color: #BBBBBB;
}

/* mouse over link */
.mail:hover {
  background-color: yellow;
}

/* selected link */
.mail:active {
  color: red;
}




.content {
    text-align:center;
   /* background:rgba(0,0,0,0);*/
    z-index:20;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}

.subhead  {
color: #FFFFFF;
}
    
.record {
    display:inline-block
}


.results {
     vertical-align: text-top;
  margin-left: auto;
  margin-right: auto;
    margin-top: 90px;
width: 70%; 
  height: 70vh;
  overflow-x: hidden; /* Hide horizontal scrollbar */
  overflow-y: scroll; /* Add vertical scrollbar */
}

td, tr, img  { padding: 0px; margin: 0px; border: none; text-align: left; }
img {  
font-size:8px;
font-weight:300;
 }
  
table { border-collapse: collapse; }

.header {   
     padding: 8px;
  text-align: left;
background-color: #BBBBBB;
  color: white;
  font-size: 14px;
  font-weight:700;
  text-indent: 10px;

}

.logo { width: 470px; }

.image {
vertical-align: top;

 
}

.thumbnail {

   border-right: 4px solid #BBBBBB;
 padding: 0px;
 width: 150px;

}

.scroll {
    position: absolute;
    top: 200px;
    right: 20%;
    z-index: 30;
    
}
.info {
 vertical-align: text-top;
     padding: 8px 8px 0px 8px;
width: 300px;
height: 80px;
font-size:12px;
font-weight:300;
   
}

p {
    position: static;
     padding: 0px;
}

.footer {
background-color: #EEEEEE;
     padding: 10px 8px 0px 8px;
width: 300px;
font-size:9px;

   
}

.footer2 {
background-color: #EEEEEE;
     padding: 0px 0px 8px 8px;
width: 300px;
font-size:9px;
   
}

.title {
    position: fixed;
      text-align: center;
    /* background-color: #FFFFFF; */
 width: 100%;
height: 100px;
top: 0%;
left: 50%;
margin-left: -50%; /* Negative half of width. */
    
}

.grid-container {
     position: relative;
     top: 85px;
  display: block;
  margin: auto;
  max-width: 500px;
}

.grid-item {
  display: inline-block;
  margin: 2px;
  vertical-align: top;
  text-align: center;
}

.fade-image {
  display: block;
  margin: auto;
}