/******************* Begin Directory Page ********************/

  .directory-box{
    width: 100% !important;
    background-size: contain;
    height: 150px;
    background-image: url('../static/src/images/livestockcity-logo.png');
    background-position: center;
    background-repeat: no-repeat;
  }

  @media (max-width:767px) {
    .directory-box{
    height: 400px;
  }
  }

    @media (max-width:550px) {
    .directory-box{
    height: 200px;
  }
  }

  .directory-grid .panel-footer {
   height: 50px;
  }


  .user-location {
    float: right;
  }


  .directory-box {
    background-size: cover;
  }

  #directory-cattle {
    background-image: url('/static/src/images/cattle.jpg');
  }

  #directory-horses {
     background-image: url('/static/src/images/horse.jpg');
  }

  #directory-sheep {
    background-image: url('/static/src/images/sheep.jpg');
  }

  #directory-swine {
    background-image: url('/static/src/images/pig.jpg');
  }

    #directory-alpacas {
    background-image: url('/static/src/images/alpaca.jpg');
  }

    #directory-llamas {
    background-image: url('/static/src/images/llama.png');
  }

    #directory-goats {
    background-image: url('/static/src/images/goat.jpg');
  }

    #directory-avian {
    background-image: url('/static/src/images/rooster.jpg');
  }

      #directory-others {
    background-image: url('/static/src/images/others2.jpg');
  }

  #exampleSelect2 {


    padding-right: 25px;

    display: inline-block;

  }

  #searchButton {

   display: inline-block;
   margin-top: 0px; 
   border: none; 
 }

 .panel-footer {
  font-weight: bold;
  text-align: center;
}

.farm-name {
  float: left;
}

.farm-name:hover {
  text-decoration: underline;
}

.user-location {
  font-size: .8em;
}