/* Custom Css Sheet */
.img-full {
  width: 100%; }

.btn-textwrap {
  white-space: normal !important;
  word-wrap: break-word; }

.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

@media all and (min-width: 768px) {
  .desktop-left {
    text-align: left; }

  .desktop-center {
    text-align: center; }

  .desktop-right {
    text-align: right; } }
@media all and (max-width: 767px) {
  .mobile-left {
    text-align: left; }

  .mobile-center {
    text-align: center; }

  .mobile-right {
    text-align: right; } }
.no-padding-vertical {
  padding-top: 0px;
  padding-bottom: 0px; }

.no-margin-vertical {
  margin-top: 0px;
  margin-bottom: 0px; }

.padding-vertical {
  padding-top: 25px;
  padding-bottom: 25px; }

.padding-vertical-top {
  padding-top: 25px; }

.padding-vertical-bottom {
  padding-bottom: 25px; }

.padding-vertical-lg {
  padding-top: 45px;
  padding-bottom: 45px; }

@media all and (max-width: 767px) {
  .padding-vertical {
    padding-top: 15px;
    padding-bottom: 15px; }

  .padding-vertical-top {
    padding-top: 15px; }

  .padding-vertical-bottom {
    padding-bottom: 15px; }

  .padding-vertical-lg {
    padding-top: 25px;
    padding-bottom: 25px; } }
/*!
 * Lil' B - Bootstrap
 * A Bootstrap for Bootstrap
 * v1.0.2 (http://itsjonq.github.io/lil-b/)
 * Copyright 2014 Jon Q
 * Licensed under MIT (https://github.com/itsjonq/lil-b/blob/master/LICENSE)
 */
body {
  font-size: 14px;
  line-height: 1.65em; }

.h1, h1 {
  font-size: 2.6em; }

.h2, h2 {
  font-size: 2.15em; }

.h3, h3 {
  font-size: 1.7em; }

.h4, h4 {
  font-size: 1.25em; }

.h5, h5 {
  font-size: 1em; }

.h6, h6 {
  font-size: .85em; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: .5em;
  margin-bottom: .5em;
  line-height: 1.2em; }

pre {
  font-size: .9em; }

.lead {
  font-size: 1.5em;
  margin-bottom: .85em; }

blockquote {
  font-size: 1.25em; }

.highlight, p {
  margin-bottom: 1.65em; }

.alert, .breadcrumb, .flex-video, .form-group, .jumbotron p, .list-group, .progress, .table, .well, address, dt, legend, ol, ul {
  margin-bottom: 1.5em; }

p + dt, p + ol, p + ul {
  margin-top: -.15em; }

.affix, .navbar-fixed-bottom, .navbar-fixed-top {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.modal.fade .modal-dialog {
  -webkit-transform: translate3d(0, 25%, 0);
  -moz-transform: translate3d(0, 25%, 0);
  -ms-transform: translate3d(0, 25%, 0);
  -o-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0); }

.img-thumbnail, .list-group-item, .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .pager li > a, .pager li > span, .pagination > li > a, .pagination > li > span, .table-bordered, .table-bordered td, .table-bordered th, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th, .table-responsive, .thumbnail {
  border: 1px solid #ddd; }

.dropdown-menu, .form-control, .input-group-addon, .popover, pre {
  border: 1px solid #ccc; }

.alert, .breadcrumb, .btn, .btn-group-lg > .btn, .btn-group-sm > .btn, .btn-group-xs > .btn, .btn-lg, .btn-sm, .btn-xs, .color-swatch, .container .jumbotron, .dropdown-menu, .form-control, .highlight, .img-thumbnail, .input-group-addon, .input-group-addon.input-lg, .input-group-addon.input-sm, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-lg, .input-sm, .modal-content, .nav-pills > li > a, .nav-tabs-justified > li > a .panel-group .panel, .nav-tabs > li > a, .navbar, .navbar-toggle, .popover, .progress, .responsive-utilities-test span, .thumbnail, .tooltip-inner, .well, .well-lg, .well-sm, btn, code, input, kbd, pre {
  border-radius: 4px; }

.nav-tabs > li > a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.col-solo {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.flex-video {
  height: 0;
  margin-bottom: 1.5em;
  overflow: hidden;
  position: relative;
  padding-top: 56.25%; }

.flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.flex-video.sd {
  padding-top: 75%; }

.fixed-z {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.v-center-wrap {
  display: table;
  width: 100%; }

.v-center {
  display: table-cell;
  vertical-align: middle; }

/*----------------------------------------------------------------------------
Fix Modal Weirdress
----------------------------------------------------------------------------*/
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

/* -----------------------------------------------------------------------------
    Variables
----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
    Text
----------------------------------------------------------------------------- */
.white {
  color: #fff; }

h4 {
  color: #66CC66;
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 1px; }

h5 {
  font-size: 1.5em;
  color: white;
  font-weight: 700; }

p {
  font-size: 15px;
  font-weight: 400;
  text-shadow: 0px 0px 1px #DDD; }

.text-highlight {
  color: #ff3333;
  font-weight: 700;
  text-shadow: 0px 0px 0px white; }

.text20 {
  font-size: 20px; }

.item h1 {
  margin-top: 0px;
  margin-bottom: 0px; }

.green {
  color: #66CC66; }

/* -----------------------------------------------------------------------------
    Bootstrap Element Overrides
----------------------------------------------------------------------------- */
.btn {
  padding: 0px; }

.btn-textwrap {
  white-space: normal !important;
  word-wrap: break-word; }

.btn-default {
  -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.4), inset -2px -2px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.4), inset -2px -2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.4), inset -2px -2px 2px rgba(0, 0, 0, 0.4);
  border-radius: 1px;
  -webkit-transition: background-color .15s ease-out;
  -moz-transition: background-color .15s ease-out;
  -o-transition: background-color .15s ease-out;
  transition: background-color .15s ease-out;
  background-color: #66CC66;
  border: 0px transparent;
  color: white; }

.btn-default:hover {
  -moz-box-shadow: inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
  box-shadow: inset 0 0 5px #000000;
  background-color: #ff3333;
  border: 0px transparent; }

.btn-red {
  background-color: #ff3333; }

.btn-red:focus,
.btn-red:hover {
  background-color: #7F2426; }

.btn-padding {
  padding: 20px 0px;
  font-weight: 700;
  font-size: 18px; }

.btn-default:active {
  background-color: #B22323 !important; }

.btn-primary {
  -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.4), inset -2px -2px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.4), inset -2px -2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.4), inset -2px -2px 2px rgba(0, 0, 0, 0.4);
  border-radius: 1px;
  -webkit-transition: background-color .15s ease-out;
  -moz-transition: background-color .15s ease-out;
  -o-transition: background-color .15s ease-out;
  transition: background-color .15s ease-out;
  background-color: #ff3333;
  border: 0px transparent;
  font-weight: 700;
  padding: 8px 0px;
  width: 130px;
  float: right; }

.btn-primary:hover {
  -moz-box-shadow: inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
  box-shadow: inset 0 0 5px #000000;
  background-color: #B22323;
  border: 0px transparent; }

.btn-primary:active, .btn-primary.focus, .btn-primary:focus {
  background-color: #B22323 !important; }

.btn-alert {
  background-color: #ff3333; }

.btn-alert:hover {
  background-color: #B22323;
  -moz-box-shadow: inset 0 0 5px #000;
  -webkit-box-shadow: inset 0 0 5px #000;
  box-shadow: inset 0 0 5px #000; }

.panel-group .panel + .panel {
  margin-top: 35px !important; }

.panel-heading {
  background-color: #ff3333 !important;
  color: #fff !important;
  border-color: #B22323 !important; }

.panel-heading a:hover {
  color: #EEE; }

.panel-heading-2 {
  padding: 20px;
  border-bottom: 1px solid #999;
  background-color: #EEE;
  color: black !important;
  background-image: url(../images/white-diamond-dark.png);
  background-position: center; }

.panel-heading-2 h4 {
  font-size: 22px; }

.panel-bg {
  background-color: #851400;
  background-image: url(../images/white-diamond-dark.png);
  background-position: center; }

.well-lg {
  padding: 24px 50px; }

.pointer {
  cursor: pointer; }

.text-nowrap {
  white-space: nowrap; }

/* -----------------------------------------------------------------------------
    All Page
----------------------------------------------------------------------------- */
body {
  background-image: url(../images/christmas-wood-bg.jpg);
  background-repeat: repeat;
  font-family: "Roboto", sans-serif; }

body a {
  color: #ff3333;
  text-decoration: underline; }

body a:hover {
  color: #B22323; }

.wrap {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
  /* IE6-9 */
  box-shadow: 0px 0px 10px #444;
  margin: 0 auto; }

.red-border {
  border: 1px dashed #ff3333;
  border-radius: 10px;
  margin: 0 auto; }

.margin-bottom-md {
  margin-bottom: 30px; }

.margin-auto {
  margin: 0 auto; }

@media (max-width: 768px) {
  .wrap {
    width: 90%; }

  .home-image-row img {
    margin-bottom: 5% !important; }

  .li-control {
    padding-left: 0px; }

  .li-control li {
    margin-bottom: 10px; } }
@media (min-width: 768px) {
  .wrap {
    width: 750px; } }
@media (min-width: 992px) {
  .wrap {
    width: 970px; } }
@media (min-width: 1200px) {
  .wrap {
    width: 1170px; } }
.container {
  padding: 0px; }

.container-fluid {
  padding-right: 7%;
  padding-left: 7%; }

.remove-padding {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.red-headline {
  color: #fff;
  padding: 3px 0px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90021b+0,c41230+50,90021b+100 */
  background: #90021b;
  /* Old browsers */
  background: -moz-linear-gradient(left, #90021b 0%, #c41230 50%, #90021b 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #90021b 0%, #c41230 50%, #90021b 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #90021b 0%, #c41230 50%, #90021b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90021b', endColorstr='#90021b',GradientType=1 );
  /* IE6-9 */
  border-top: 1px solid #B22323;
  border-bottom: 1px solid #B22323; }

hr {
  margin-top: 10px;
  margin-bottom: 10px; }

.grow-rotate {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }

.grow-rotate:hover {
  -webkit-transform: scale(1.1) rotate(2deg);
  -moz-transform: scale(1.1) rotate(2deg);
  -ms-transform: scale(1.1) rotate(2deg);
  -o-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg); }

blockquote {
  background-color: #ddd !important;
  font-size: 16px !important;
  margin-bottom: 30px; }

a:focus, a:hover {
  color: #50A355; }

.well {
  background-color: #ffffff;
  background-image: url(../images/beige-paper.png);
  /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */ }

/* ----------------------------------------------------------------------------
    Typography
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight: 800; }

h1, h2, h3, h3 {
  font-family: 'Bowlby One', sans-serif; }

h1, h3, h5 {
  color: #66CC66; }

h2, h4, h6 {
  color: #ff3333; }

h1 {
  font-size: 4em; }
  @media (max-width: 768px) {
    h1 {
      font-size: 3em; } }

.mission-bullet {
  padding-left: 2em;
  padding-top: .25em;
  min-height: 1.5em;
  background-image: url("../images/Chocolate-Chip-Cookie.png");
  background-repeat: no-repeat;
  background-size: 1.5em;
  margin-bottom: 1em; }

/* ----------------------------------------------------------------------------
    Navigation
----------------------------------------------------------------------------- */
.logo {
  margin: 10px; }

@media (min-width: 768px) {
  .logo {
    margin: 15px 5px; } }
@media (min-width: 920px) {
  .logo {
    margin: 20px; } }
#navbar {
  background-color: #66CC66; }

.navbar {
  border-top: 1px solid #50A355;
  border-bottom: 1px solid #50A355;
  border-right: 0px;
  border-left: 0px;
  border-radius: 0px; }

.navbar {
  margin-bottom: 0px; }

#navbar a {
  color: #fff;
  padding: 5px;
  font-family: 'Life Savers', cursive;
  font-weight: 900;
  font-size: 1.4em;
  line-height: 1.25em;
  text-align: center;
  text-decoration: none; }
  @media (min-width: 768px) {
    #navbar a {
      font-size: 1.2em; } }
  @media (min-width: 1200px) {
    #navbar a {
      font-size: 1.4em; } }

.navbar-collapse {
  padding-left: 0px;
  padding-right: 0px; }

.navbar {
  background-image: url(../images/home-image-collage.jpg);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 75%; }

.navbar-default .navbar-toggle {
  background-color: #66CC66;
  color: #fff;
  border: 0px;
  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff; }

@media (max-width: 767px) {
  .navbar-nav {
    margin: 0px; }

  .navbar-nav .btn-group {
    display: block;
    width: 100%; }

  .navbar-nav .btn-group .btn {
    display: block;
    width: 100%; }

  .navbar-nav .btn-group .btn img {
    display: block;
    margin: 0px auto; } }
@media (min-width: 768px) {
  .navbar-nav {
    width: 100%; }

  .navbar-nav > li {
    width: 20%; } }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: #339933; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background-color: #66CC66; }

.navbar-default .dropdown-menu {
  background-color: #66CC66;
  padding-top: 0px;
  padding-bottom: 0px; }

/* -----------------------------------------------------------------------------
    Image Gallery
----------------------------------------------------------------------------- */
#slider-thumbs {
  height: 400px; }

@media (max-width: 992px) {
  #slider-thumbs {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 120px;
    white-space: nowrap;
    margin-bottom: 20px; }

  .list-inline li a img {
    width: 120px; }

  .scrollbar {
    height: 120px !important;
    width: 100% !important;
    overflow-x: scroll;
    overflow-y: hidden !important; } }
.scrollbar {
  float: left;
  height: 400px;
  width: 90%;
  background: #F5F5F5;
  overflow-y: scroll; }

#style-2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5; }

#style-2::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

#style-2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #D62929; }

.carousel-bounding-box {
  width: 100%; }

.selected img {
  opacity: 0.5; }

.list-inline li a img {
  cursor: pointer; }

.carousel-control.left, .carousel-control.right {
  background: none !important; }

.cookies {
  background-image: url(../images/home-cookies.png);
  background-position: bottom;
  height: 210px;
  padding: 0px 0px;
  margin: 0px;
  width: 100%; }

/* -----------------------------------------------------------------------------
    Footer
----------------------------------------------------------------------------- */
footer {
  background-color: #66CC66;
  padding: 15px 0px;
  border-top: 1px solid #50A355;
  background-image: url("../images/food.png"); }

.buttom-number {
  color: white;
  font-size: 20px;
  margin-top: 26px;
  margin-bottom: 26px; }

.buttom-number a {
  font-size: 27px; }

.buttom-number small a {
  margin-top: 5px;
  font-size: 14px; }

/* -----------------------------------------------------------------------------
    Form
----------------------------------------------------------------------------- */
input {
  width: 100%;
  border-radius: 0px;
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  padding: 2px; }

textarea {
  width: 100%;
  border-radius: 0px;
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  padding: 2px;
  height: 120px; }

textarea.form-control {
  height: 120px; }

input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 0px 25px 0px;
  border: 1px solid #999; }

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px #ff3333;
  border: 1px solid #ff3333; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #999; }

::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #999; }

:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #999; }

:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #999; }

input[type=checkbox], input[type=radio] {
  float: left;
  display: block;
  width: 10px;
  margin-right: 8px;
  margin-top: 6px; }

.label-span {
  float: left; }

.label-span input {
  float: left; }

/* -----------------------------------------------------------------------------
    Homepage
----------------------------------------------------------------------------- */
.iframe-cont-cont {
  background-color: #66CC66;
  padding: 10px 10px;
  -moz-box-shadow: inset 0 0 5px #50A355;
  -webkit-box-shadow: inset 0 0 5px #50A355;
  box-shadow: inset 0 0 5px #50A355;
  background-image: url("../images/food.png"); }

@media (max-width: 768px) {
  .iframe-cont-cont {
    padding: 10px 0px; } }
.iframe-cont iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.iframe-cont {
  position: relative;
  height: 0;
  overflow: hidden; }

.iframe-cont-16x9 {
  padding-bottom: 56.25%; }

.home-image-row img {
  margin-bottom: 18%; }

.home-image-row img:last-child {
  margin-bottom: 0px; }

/* -----------------------------------------------------------------------------
    Inner Pages
----------------------------------------------------------------------------- */
.ul-box {
  padding-left: 0px; }

.starburst {
  display: block;
  float: right;
  width: 120px;
  height: 120px;
  background: #f9ed32;
  -webkit-transform: rotate(-67.5deg);
  -moz-transform: rotate(-67.5deg);
  rotation: -67.5deg;
  position: relative;
  top: 30px;
  left: -30px;
  text-align: center;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.2em; }

.starburst span {
  display: block;
  width: 120px;
  height: 120px;
  background: #f9ed32;
  -webkit-transform: rotate(22.5deg);
  -moz-transform: rotate(22.5deg);
  rotation: 22.5deg; }

.item-starburst-wrapper {
  width: 180px;
  height: 180px;
  position: relative;
  overflow: hidden; }

/* -----------------------------------------------------------------------------
    Colors
----------------------------------------------------------------------------- */
.white {
  color: #fff !important; }

.grey {
  color: #999 !important; }

.black {
  color: #000 !important; }

.light-green {
  color: #84D684 !important; }

.green {
  color: #66CC66 !important; }

.dark-green {
  color: #50A355 !important; }

.red {
  color: #ff3333 !important; }

.dark-red {
  color: #B22323 !important; }

.dark-red {
  color: #f9ed32 !important; }

.packaging-btn {
  padding: 10px;
  font-size: 15px;
  margin: 10px; }

.header-font {
  font-family: 'Bowlby One', sans-serif;
  font-weight: 900;
  font-size: 4.0em; }

.green-bg {
  background-color: #66CC66 !important; }

.text-white {
  color: white !important; }

.text-green {
  color: #66CC66 !important; }

.red-vertical-gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3333+0,b22323+100 */
  background: #ff3333;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff3333 0%, #b22323 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ff3333 0%, #b22323 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ff3333 0%, #b22323 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3333', endColorstr='#b22323',GradientType=0 );
  /* IE6-9 */ }

.text-shadow {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }

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