/* color span */

.honeygold {
    color: rgba(251, 227, 52);
}

.background-one {
    background-image: url("../images/test8-bg.png");
    background-repeat: no-repeat;
}
.background-two {
    background-image: url("../images/test8-bg-rotate.png");
    background-repeat: no-repeat;
}

/* store info // header */

.store-info {
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    background-color: rgba(251, 227, 52)
}

/* Breakfast and Lunch */

.menu {
    border-radius: 10px;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 15px;
    padding-top: 15px;
    background-color: rgba(251, 227, 52)
}

.menu img {
    border-radius: 10px;
}

/* Social media */

.social-media {
    color: rgb(251, 227, 52);
    border-radius: 10px;
    text-align: center;
    margin-top: 30px;
    padding-bottom: 15px;
    padding-top: 15px;
    background-color: rgba(0, 0, 0, 0.9);   
}

a {
    color: black;
    text-decoration: none;
    font-size: 25px;
}

.grid-images img {
    margin-top: 10px;
    width: 200px;
    height: 200px;
    border-radius: 10px;
    border-style: solid;
    border-color: rgb(251, 227, 52); 
    margin-bottom: 20px;
}

#icon-images img {
    background-color: rgb(251, 227, 52); 
    height: 60px; 
    width: 60px;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* footer */

.footer {
    color: rgb(251, 227, 52);
    border-radius: 10px;
    text-align: center;
    margin-top: 30px;
    padding-top: 15px;
    background-color: rgba(0, 0, 0, 0.9);
    margin-bottom: 10px;
}

/* Custim Navbar */

.navbar-shadow {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

.navbar {
    min-height: 150px;
  }
  
.navbar-brand {
    padding: 0 15px;
    height: 150px;
    line-height: 150px;
}

/* Custom Rows */

.top-row {
    align-items: top;
    height: 100px;
    margin-bottom: 10px;
    text-align: center;
}
.center-row {
    align-items: center;
    height: 100px;
    background-color: blue;
    margin-bottom: 10px;
    text-align: center;
}

/* Scroll btn */
#scrollBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 60px;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
  }

  
/* Font
h1 { font-family: "Permanent Marker"; font-size: 30px; font-style: normal; font-variant: small-caps; font-weight: bold; line-height: 36px; } 
h3 { font-family: "Permanent Marker"; font-size: 14px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 15px; } 
p { font-family: "Permanent Marker"; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } 
blockquote { font-family: "Permanent Marker"; font-size: 21px; font-style: normal; font-variant: small-caps; font-weight: bold; line-height: 25px; } 
pre { font-family: "Permanent Marker"; font-size: 13px; font-style: normal; font-variant: small-caps; font-weight: bold; line-height: 15px; } */

h1 { font-family: "Fredericka the Great"; font-size: 50px; font-style: normal; font-variant: small-caps; font-weight: bold; line-height: 50px; } 
h2 { font-family: "Fredericka the Great"; font-size: 35px; font-style: normal; font-variant: small-caps; font-weight: bold; line-height: 35px; } 
h3 { font-family: "Fredericka the Great"; font-size: 25px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 25px;} 
p { font-family: "Fredericka the Great"; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } 
blockquote { font-family: "Fredericka the Great"; font-size: 21px; font-style: normal; font-variant: small-caps; font-weight: bold; line-height: 25px; } 
pre { font-family: "Fredericka the Great"; font-size: 13px; font-style: normal; font-variant: small-caps; font-weight: bold; line-height: 15px; }