/* main.php   - index page */

/*body { padding-bottom: 40px; }*/
/*@media screen and (max-width: 768px) {
    body { padding-bottom: 300px; }
}   */

.search-bar {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */
  min-width: 250px;  
  
  /*padding-bottom:150px;*/

  display: flex;
  flex-direction: column;
  justify-content: center;  
  align-items: center;    
  text-align: center;  
}

/*@media all and (max-height: 768px) {
  .search-bar {
      display: flex;
      flex-direction: column;
      justify-content: top;  
      align-items: top;    
      text-align: center;   
      padding-bottom:80px;   
      background-color: red;          
  }
}    */



.search-wrapper {
}

#logo
{
  width: 250px;
  height: 100px;
  background-image: url('logo.png');
  /*margin: 0px 100px 30px 100px;*/
  /*margin: 0px 50px 30px 50px;*/
  padding 0px 50px 30px 50px;  
  
  /*margin-bottom: 30px;*/
   
  text-indent: 100%;
  white-space: nowrap;  
  overflow: hidden;
}
  
#main-form
{
}  
  
.main-spacer{      
      display: block;
      height: 40%;
      height: 40vh;
      /*background-color: blue;  
      border: 5px solid red;*/    
}  
  
/*@media all and (min-height: 450px) {  
    .spacer {
      height: 30%;
      height: 30vh;
      background-color: red;
    }
} */

/* results.php   - search page */

/*.left20
{
    margin-left: 20px;
}

.left-clear
{
  margin-left: 0;
} */

#logo-min
{
  width: 150px;
  height: 60px;
  background-image: url('logo-min.png');
 
  text-indent: 100%;
  white-space: nowrap;  
  overflow: hidden;
  
  //display: inline-block;
}

.search-bar-min {
  /*justify-content: left;  
  align-items: left;    
  text-align: left;*/  
} 

.search-wrapper-min {
}