.white {
  color: #FFFFFF; }

.mono-50 {
  color: #F8F9F9; }

.mono-100 {
  color: #DEE1E3; }

.mono-300 {
  color: #BEC4C8; }

.mono-500 {
  color: #97A1A7; }

.mono-700 {
  color: #5F6E78; }

.mono-900 {
  color: #374047; }

.black {
  color: #222222; }

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: #5F6E78; }

h1, h2, h3, h4 {
  color: #374047;
  font-weight: 400; }

a {
  text-decoration: none; }

.link {
  background: #D28410;
  color: #FFFFFF;
  text-decoration: none;
  padding: 0.5em 1em;
  border-radius: 4px;
  text-transform: uppercase; }
  .link:hover, .link:focus {
    background: #A6680C;
    color: #FFFFFF;
    text-decoration: none; }

header .phone {
  text-align: center; }
  header .phone h2 {
    margin-top: 0; }
  @media screen and (min-width: 64em) {
    header .phone {
      text-align: left;
      padding-top: 1em; } }
header .social {
  text-align: center; }
  @media screen and (min-width: 64em) {
    header .social {
      text-align: right;
      padding-top: 1em; } }
header .branding {
  text-align: center; }

.menu {
  text-align: center; }
  .menu li {
    width: 100%;
    margin: 1em 0; }
    @media screen and (min-width: 52em) {
      .menu li {
        width: 24%; } }
  .menu li > a {
    color: #D28410;
    padding: 0.25em 0.35em;
    font-size: 1.25em; }
    .menu li > a:hover, .menu li > a:focus, .menu li > a .active {
      color: #FFFFFF;
      background: #E81B16;
      border-bottom: 2px solid #F8F9F9; }
    @media screen and (min-width: 64em) {
      .menu li > a {
        font-size: 1.5em; } }
  .menu .active {
    color: #FFFFFF;
    background: #E81B16;
    border-bottom: 2px solid #B81411; }

.sub-menu {
  padding-top: 2em;
  margin: 0 auto;
  text-align: center; }
  .sub-menu li {
    margin: 0 1em 2em 0; }
    .sub-menu li a {
      text-transform: uppercase;
      background: #BEC4C8;
      color: #374047;
      padding: 0.5em 1em;
      border-radius: 4px; }
      .sub-menu li a:hover, .sub-menu li a:focus {
        background: #374047;
        color: #FFFFFF; }

.twitter {
  fill: #97A1A7; }
  .twitter:hover, .twitter:focus {
    fill: #00aced; }

.facebook {
  fill: #97A1A7; }
  .facebook:hover, .facebook:focus {
    fill: #3b5998; }

.instagram {
  fill: #97A1A7; }
  .instagram:hover, .instagram:focus {
    fill: #bc2a8d; }

.content {
  background: #F8F9F9; }
  .content p {
    line-height: 2; }
  .content .h1 {
    color: #374047;
    text-transform: uppercase; }
  .content .section {
    margin-bottom: 2em;
    padding-bottom: 2em; }
    @media screen and (min-width: 52em) {
      .content .section {
        margin-bottom: 0;
        padding-bottom: 0; } }

.menu-items h3 {
  color: #B81411;
  text-transform: uppercase;
  margin: 2em 0 0 0; }
.menu-items p {
  line-height: 1;
  margin: 0.5em 0; }
.menu-items hr {
  border-top: 2px dotted #DEE1E3;
  margin: 3em 0 0;
  padding: 0; }

.cta {
  background: #DDA24B;
  color: #222222;
  padding: 0.5em 1em;
  border-radius: 4px; }
  .cta a {
    font-weight: 900;
    color: #B81411;
    text-decoration: underline; }
    @media screen and (min-width: 52em) {
      .cta a {
        color: #222222;
        text-decoration: none; } }

.icon {
  vertical-align: middle; }
  .icon path, .icon circle {
    fill: #E81B16; }


.sticky-button {
  position: fixed;
    right: 3%;
    bottom: 3%;
}    

.gloriafood-button, .glf-button{
background-color: #E81B16 !important;
color: #FFFFFF !important;
border-radius: 0 !important;
 font-family: 'Source Sans Pro', sans-serif !important;
 text-shadow: none !important;
 box-shadow: none !important;
}

/*# sourceMappingURL=styles.css.map */