snack.css

body {
  font-family: 'Patrick Hand SC', cursive;
  font-size: 25px;
  margin: 0 auto;
background-color: #aba9aa;
}

.logo a {
  text-align: left;
  color: black; <!-- needs changing-->


}


.foodgroup {
  text-align: center;
  font-size: 75px;
  color: #ff9681;

}

div {
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin:0 auto;
  position: relative;
  margin: 40px 0 0 300px;
  border-radius: 12px;
  max-width: 900px;

}


.recipe1 {
  background-image: url("https://www.errenskitchen.com/wp-content/uploads/2015/07/ribs-1-of-1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}



.recipe2 {
  background: url("https://lh3.googleusercontent.com/-7UYRtufnfRk/VBFAn-eywOI/AAAAAAAEuXs/8WfcdFNCNf4/s800/crunchy-parmesan-chicken-bites-8.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}


.recipe3 {
  background: url("https://images.media-allrecipes.com/userphotos/560x315/3532479.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


p {
  color:  #ff9681;
  background: #8f8d8e;
  background:-webkit-linear-gradient(bottom,rgba(143,141,142,1), rgba(143,141,142,.4));
  background:-moz-linear-gradient(bottom,rgba(143,141,142,1), rgba(143,141,142,.4));
  padding: 10px;
  line-height: 28px;
  text-align: justify;
  position: absolute;
  bottom: 0;
  margin: 0;
  font-family: 'KoHo', sans-serif;
  font-size: 20px;

}


.price {
  float: right;
}

@media screen and (max-width: 768px) {
    .col-sm-4 {
        text-align: center;
        margin: 25px 0;
    }
.navbar {
    margin-bottom: 0;
    background-color: #430082;
    opacity: 0.8;
    z-index: 9999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0

}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #38174f !important;
    background-color: #fff !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}