body {

  background: #d3d3d3;
  padding-top: 80px;
  font-family: 'Roboto', sans-serif !important;
  color: #000;
}


/* NAVBAR */
.navbar-default,
.navbar {

  background-color: #d3d3d3 !important;
  border-color: yellow;
}

.navbar .navbar-brand {

    color: #ff0000;
    font-family: 'Bowlby One SC', cursive;
    font-size: 1.25rem !important;
}

.navbar-toggler {

  background-color: #d3d3d3 !important;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler .navbar-toggler {
  border-color: rgb(0,0,0);
}

.navbar .navbar-nav a {

  color:  #ff0000 !important;
  font-family: 'Bowlby One SC', cursive;
  font-size: 1.5rem !important;
}

.dropdown-menu {
  background-color: #d3d3d3 !important;
}


/* Main Wrapper */
#slogan {
    font-family: 'Permanent Marker', cursive;
    color: #ff0000 !important;
}

/* adjust carousel height for large screens */
@media (min-width: 769px) {
    .bd-example {
        max-width: 85vmin !important;
    }
}

/* adjust carousel height for large screens */
@media (min-width: 769px) {
    .bd-example {
        max-width: 85vmin !important;
    }

    #outerMapDiv {
      max-width: 85vmin !important;
    }

    #cateringPhoto {
      max-width: 75vmin !important;
    }
}

/* bread and condiments extras */
.list-group-item {
  background: #d3d3d3;
}


@media (min-width: 769px) {
    .vegSide {
        width: 490px !important;
        height: 104px !important;
    }
  }

.card {
  background: #d3d3d3;
  border: 0;
}

.secTitle {
  color: #ff0000;
}

h1, h2, h3, h4 {
  font-family: 'Bowlby One SC', cursive;
}

/* make sandwich description closer to sandwich title */
.sandTitle {
  margin: -10px;
}

.card-block {
  padding-bottom: 1rem;
}

/*  Call Ahead Button for Mobile */
.btn {

  background-color: #ff0000 !important;
  color:  #000 !important;
  font-family: 'Permanent Marker', cursive;
  font-size: 1.5rem !important;
}

.btn-primary {
  border-color: #ff0000 !important;
}

/* resize sandwich names for small screens */
@media (max-width: 430px) {
    .card-title {
        font-size: 1rem !important;
    }
    .price {
        font-size: 0.85rem !important;
    }
}

/* adjust carousel height for large screens */
#cateringButton {
    max-width: 280px !important;
}

/* center contact buttons */
.conButton {
  text-align: center !important;
}

.buttonSize {
  width: 290px ;
  height: 54px;
}

/* footer */
footer {

  background: #d3d3d3 !important;
  color: #000;
}