Body /* defines font and background color */ {
  font-family:Tahoma, Verdana, sans-serif;
  background-color:#000;
  font-size:14px;
}

.logo /* defines main logo */ {
  width:225px;
  height:auto;
  display:block;
  margin-top:15px;
  margin-left:auto;
  margin-right:auto;
}
.media-images {
    width: 100%;
    margin-bottom: 15px;
}
hr {
    margin-top: 30px;
    margin-bottom: 30px;
}

.intro-paragraph {
    text-align: center;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}

@media (max-width: 576px){
    .intro-paragraph {
        text-align: center;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
    }
}

@media (max-width:767px) {
  .logo {
    width:120px;
  }
}

.nav /* Defines main navigation */ {
  width:650px;
  margin-left:auto;
  margin-right:auto;
  float:none !important;
  font-weight:500;
  color:#D5CBA8 !important;
  text-shadow:none !important;
}

nav.navbar.navbar-default.navigation-clean /* adjust padding top and bottom in main navigation */ {
  padding-top:0px;
  padding-bottom:0px;
}

div.nav-wrapper {
  padding:0px;
}

@media (max-width:767px) {
  div.navbar-collapse {
    position:absolute;
    width:100%;
    z-index:100;
    opacity:0.85;
    padding-bottom:30px;
  }
}

.kitchen-background /* home page background image */ {
  background-image:url("../images/Background.jpg");
  background-attachment:scroll;
  -webkit-background-size:2656px;
  background-size:2656px;
  background-position:50% 0%;
  background-repeat:no-repeat no-repeat;
  height:auto;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width:767px) {
  .kitchen-background /* home page background image */ {
    background-size:1500px;
  }
}

.ribbon /* home page ribbon - TRUE SICILIAN PASTA SAUCE */ {
  margin-left:auto;
  margin-right:auto;
  width:540px;
  display:block;
  height:auto;
  margin-top:-77px;
}

@media (max-width:767px) {
  .ribbon {
    max-width:400px;
    margin-top:-64px;
    width:96%;
  }
}

.jars /* defines the jars on the home page */ {
  margin-left:auto;
  margin-right:auto;
  display:block;
  width:590px;
  height:auto;
}

@media (max-width:767px) {
  .jars {
    width:300px;
    margin-top:0px;
  }
}

.center /* class to align things center */ {
  margin-left:auto;
  margin-right:auto;
  display:block;
}

.RecipeReviews-hdr /* recipe & reviews section header */ {
  font-family:bodoni-urw;
  font-size:28px;
  color:#D5CBA8;
  text-align:center;
  margin-top:0px;
  margin-bottom:59px;
  line-height:33px;
}

.what-text /* text on home page in main image area */ {
  text-align:center;
  font-size:16px !important;
  margin-top:-10px;
  color:#fff;
}

@media (max-width:767px) {
  .what-text /* text on home page in main image area */ {
    font-size:12px !important;
    margin-top:10px;
  }
}

@media (max-width:767px) {
  .arrow-down /* arrow above Recipes and Reviews on home page */ {
    margin-top:-45px;
  }
}

div.recipe-review-container /* container that wraps around all recipe and reviews */ {
  width:auto;
  padding-left:0px;
  padding-right:0px;
  background-image:url("../images/Background-granite-with-shadow.jpg");
  padding-bottom:0px;
  margin-top:28px;
  background-attachment:fixed;
}

@media (max-width:767px) {
  div.recipe-review-container/* container that wraps around all recipe and reviews */ {
    margin-top:26px;
  }
}

.recipe-review-boxes,
.review-boxes/* container for each individual recipe and review */ {
  padding-left:0px;
  padding-right:0px;
  -webkit-box-shadow:rgb(148, 148, 147) -10px 0px 21px 0px inset;
  box-shadow:rgb(148, 148, 147) -10px 0px 21px 0px inset;
  background-color:#fff;
  opacity:0.75 !important;
  min-height:320px;
}

.recipe-review-boxes:hover /* container for each individual recipe and review */ {
  opacity:1.0 !important;
}

.rec-rev-text /* recipe & reviews body text*/ {
  font-size:13px !important;
  width:90%;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:20px;
  display:block;
}

.shadow /* shadow that goes over top of the recipes and reviews */ {
  background-image:url("../images/shadow.png");
  height:200px;
  width:100%;
  background-repeat:repeat-x;
  z-index:600 !important;
  position:absolute;
  left:0px;
  top:860px;
}

@media (max-width:767px) {
  .shadow /* shadow that goes over top the recipes and reviews */ {
    top:515px;
  }
}

.box-locator-feature /* box that contains the store locator and feature sauce box */ {
  clear:both;
  max-width:1000px;
  align-content:center;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
  margin-bottom:30px;
  background-color:#fff;
}

.box-store-locator /* defines store locator box */ {
  border:solid;
  border-top:solid;
  border-color:#000;
  border-width:10px;
  border-left:0px;
  border-right:0px;
  border-bottom:0px;
  min-height:200px;
  padding:0px 40px 40px 40px;
}

.box-feature-sauce /* defines feature sauce box */ {
  border:solid;
  border-top:solid;
  border-color:#C51717;
  border-width:10px;
  border-left:0px;
  border-right:0px;
  border-bottom:0px;
  min-height:200px;
  padding:0px 40px 40px 40px;
}

.black-arrow-down /* black arrow above store locator */ {
  margin-top:-1px;
  margin-bottom:20px;
}

@media (max-width:990px) {
  .no-display /* used to hide review and recipe boxes at 990 wide */ {
    display:none;
  }
}

.footer /* footer container */ {
  background-image:url("../images/background-granite-with-shadow-2.jpg");
  padding:30px 30px 40px 30px;
  text-align:center;
  color:#888;
  line-height:25px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

.logo-footer /* defines size of logo in footer */ {
  width:110px;
  height:auto;
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
}

.footer-link /* defines color of footer links */ {
  color:#cccccc !important;
  font-size:12px;
  font-weight:600;
}

.container-social /* social media icon container */ {
  float:right;
  width:50px !important;
  margin-right:0px;
  padding:0px;
  position:fixed;
  top:200px;
  right:0;
  width:300px;
  cursor: pointer;
  z-index: 100;
}

@media (max-width:767px) {
  .container-social /* position of social media icons change */ {
    top:120px;
  }
}

.social-media-sm /* defines size of social media icons */ {
  width:36px;
  padding-top:2px;
  padding-bottom:2px;
  float:right;
}

@media (max-width:767px) {
  .social-media-sm /* icons become smaller on mobile */ {
    width:26px;
    padding-top:2px;
    padding-bottom:2px;
    float:right;
  }
}

.social-opacity {
  opacity:0.5 !important;
}

.social-opacity:hover {
  opacity:1.0 !important;
}

.social-facebook-box {
  background-image:url("../images/sm-fb.png");
  height:36px;
  width:36px;
  float:right;
  background-size:cover;
  margin-bottom:2px;
}

.social-facebook-box:hover {
  background-image:url("../images/sm-fb-over.png");
}

.social-pinterest-box {
  background-image:url("../images/sm-pin.png");
  height:36px;
  width:36px;
  float:right;
  background-size:cover;
}

.social-pinterest-box:hover {
  background-image:url("../images/sm-pin-over.png");
}

.search-icon /* defines size of search icon */ {
  /*width:22px;*/
  /*padding-top:2px;*/
  /*padding-bottom:2px;*/
  /*float:right;*/
}

.container-search /* search icon container */ {
  /*float:right;*/
  /*width:50px !important;*/
  /*margin-right:70px;*/
  /*padding:0px;*/
  /*position:absolute;*/
  /*top:44px;*/
  /*right:0;*/
  /*width:300px;*/
}

@media (max-width:767px) {
  .container-search /* search icon container */ {
    /*float:right;*/
    /*width:50px !important;*/
    /*margin-right:70px;*/
    /*padding:0px;*/
    /*position:fixed;*/
    top:28px;
  }
}

h1 {
  font-size:44px;
  margin-top:0px;
  margin-bottom:10px;
  color:#C51717;
  font-family:bodoni-urw;
}

@media (max-width:767px) {
  h1 {
    font-size:32px;
    margin-top:20px;
  }
}

h2 /* store locator and featured sauce title */ {
  font-size:34px;
  margin-top:0px;
  margin-bottom:10px;
  color:#C51717;
  font-family:bodoni-urw;
}

h3 {
  font-size:42px;
  margin-top:0px;
  margin-bottom:10px;
  color:#C51717;
  font-family:bodoni-urw;
}

h4 {
  font-size:24px;
  margin-top:0px;
  margin-bottom:10px;
  color:#C51717;
  font-family:bodoni-urw;
}

h6 /* recipe & reviews header */ {
  font-size:19px;
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;
  font-weight:600;
  color:#C51717;
  font-family:times;
}

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

.white {
  color:#fff;
}

.slider-home {
  margin-top:0px;
}

@media (max-width:767px) {
  .slider-home /*moves slider up 20px on mobile */ {
    margin-top:-20px;
  }
}

.slider-2and3 {
  margin-left:auto;
  margin-right:auto;
  display:block;
  width:690px;
  height:auto;
  margin-top:0px;
  z-index:100 !important;
}

button.btn.btn-default.btn-success {
  font-family:bodoni-urw;
  font-weight:normal !important;
}

.sub-page-background {
  width:auto;
  padding-left:0px;
  padding-right:0px;
  background-image:url("../images/Background-granite-with-shadow.jpg");
  padding-bottom:0px;
  background-attachment:fixed;
}

div.container.recipe-review-container {
  margin-top:-30px;
}

@media (max-width:767px) {
  div.container.recipe-review-container {
    margin-top:-50px;
  }
}

@media (max-width:767px) {
  .RecipeReviews-hdr {
    margin-bottom:76px;
  }
}