body, html
    {
    font-family: 'Roboto', sans-serif;
    background-color: #F1F2DC;
}
p {
  font-family: 'Roboto', sans-serif;
	color: #405D3A;
  font-size: 16px;
}
h1 {
  font-family: 'Oleo Script Swash Caps', cursive;
	color: #DB3428;
  font-weight: 500;
}
h2 {
  font-family: 'Oleo Script Swash Caps', cursive;
	color: #DB3428;
  font-weight: 500;
}
h3 {
  font-family: 'Roboto Slab', serif;
	color: #DB3428;
  font-weight: 700;
}
h4 {
  font-family: 'Roboto Slab', serif;
	color: #DB3428;
  font-weight: 700;
}
h5 {
  font-family: 'Roboto Slab', serif;
	color: #DB3428;
  font-weight: 700;
}
ul {
  list-style: none; /* Remove default bullets */
}
ul li{
  font-family: 'Roboto', sans-serif;
  color: #405D3A;
  font-size: 16px;
}

ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #DB3428; /* Change the color */
  font-weight: 900; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -2em; /* Also needed for space (tweak if needed) */
}
.menudescriptions {
  font-family: 'Roboto', sans-serif;
	color: #405D3A;
  font-size: 16px;
  margin-left: 1.5em;
}
.footertext {
  font-family: 'Roboto', sans-serif;
	color: #F1F2DC;
  font-size: 16px;
}
.badge-primary{
  background-color: #DB3428;
}
a {
    color: #DB3428;
}
a:visited {
    color: #DB3428;
}
a:hover {
    color: #43823D;
}
a:focus {
    color: #43823D;
}
a.footerlink {
  color: #B4D33D;
}
a.footerlink:hover {
  color: #DB3428;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?6zjgej');
  src:  url('fonts/icomoon.eot?6zjgej#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?6zjgej') format('truetype'),
    url('fonts/icomoon.woff?6zjgej') format('woff'),
    url('fonts/icomoon.svg?6zjgej#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ThumbsUp:before {
  content: "\e900";
  font-size: 30px;
}
.icon-directions:before {
  content: "\e901";
  font-size: 30px;
}
.icon-flame:before {
  content: "\e902";
  font-size: 30px;
}
.icon-phone:before {
  content: "\e903";
  font-size: 30px;
}
.icon-spoonfork:before {
  content: "\e904";
  font-size: 30px;
}
.icon-location:before {
  content: "\e947";
  font-size: 30px;
}


/* change the link color */
.navbar-custom .navbar-nav .nav-link {
  color: #F1F2D;;
  font-weight: 800;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
    font-weight: 800;
}
.carouselhead{
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 2px 2px 10px rgb(0,0,0);
}
.fineprint {
  font-family: 'Roboto', sans-serif;
	color: #405D3A;
  font-size: 12px;
  font-style: italic;
}
.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.navbar {
    background-color: #DB3428;
}
}
.card-columns {
  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;
}
@media (min-width: 928px) {
    .card-columns-extra{
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
      }
    }
@media (max-width: 1000px) {
        .card-columns {
            -webkit-column-count:2;
            -moz-column-count:2;
            column-count:2;
          }
        }
@media (max-width: 768px) {
    .card-columns {
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
      }
    }
.card-columns .card {
  padding-top:8px;
  padding-bottom:0px;
  padding-right:12px;
  padding-left:12px;
  border-color: #FFFFFF;
  border-radius: 10px;

}

.footer{
	bottom: 0;
	position: relative;
  max-width: 100%;
  min-width: 100%;
  width: auto;
	background-color: #405D3A;
}