#content-wrapper{
  flex-grow: 0;
}
/* --------this section deals with the subheader --------------- */
@media( min-width: 768px){
    #header{
      display: grid;
      width: 100%;
      grid-template-columns: 300px auto 200px;
            }

    #header logotype{
      object-fit: fill;
    }
/*---single line in the box_bbc  a sub head or tag line     ----*/
.bbc-header{
  font-size: 1vw;
}

}
/* sets the subheading up to display */
#subhead {
  display: grid;
  grid-template-columns: auto;
  text-align: center;
  margin-left: 25px;
  margin-right: 25px;
  padding-bottom: 15px;
  font-size: 8vw;
}
#subhead .bbc-header{
  font-size: 5vw;
}

#footer .columns {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  padding-left: 30px;
}

.dropdown{
  padding: .5em;
}
/* hides the box_bbc in the header up to ipad */
@media (max-width: 767px) {
  .hidden-pad {
    display: none !important;
  }

  #footer .columns {
  grid-template-columns: repeat(2, 1fr);
  padding-left: 30px;
  }
}

@media (min-width: 768px) {
  #subhead {
    display: none;
  }
  #header{
    display: grid;
    width: 100%;
    grid-template-columns: 300px auto 200px;
  }


}

}

/* -----------end of subheader section -------------------------*/



/*-- edit start coffee map fix --*/
.cofmapbox{
  display: flex;
  justify-content: center;
}
.cofmap{
  width: 85%;
}
/*---  edit end    ----*/

/*--- not sure why card body forces listing to work but..     ----*/
.card-body{
  background-color: white;
}

  .listing.categories {
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
}
/*---  end edit    ----*/

.xxx{
    max-width: 60%;
    height: auto;
    padding-left: 35px;
    d
  }

.navbar-header{
  display: flex;
  justify-content: space-around;
  align-items: center;
}


/*---  full screen    ----*/
@media (min-width: 768px) {

/*--- nav bar switching     ----*/
  .navbar-header .nav-logo-sml{
    display: none;
  }
  .navbar-header .nav-logo-med{
    display: none;
  }

/*---   ?   ----*/
  .navbartextimg img{
    max-width: 70%;
    height: auto;

  }
  a .logotype {
    flex-basis: auto;
    
  }

  .offcanvas{
    display: none;
  }
}

/*---  end navbar    ----*/
#footer .columns {
  grid-template-columns: repeat(3, 1fr);
  }
  
}
/*--- medium screen css     ----*/

/*---  nav header switch    ----*/
@media (min-width: 480px) and (max-width:  767px){

  .navbar-header .nav-logo-sml{
    display: none;
  }
  .navbar-header .nav-logo-lrg{
    display: none;
  }

}

/*---   small screen   ----*/

/*---  nav header switch    ----*/
@media (max-width: 479px){

  .navbar-header .nav-logo-med{
    display: none;
  }
  .navbar-header .nav-logo-lrg{
    display: none;
  }
}