body {
  padding-top: 14rem;
}

.btn-primary-new {
  background: #76beaa;
  border-color: #76beaa;
  font-family: 'gotham_bold';
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-size: 1.3rem;
  -webkit-font-smoothing: antialiased;
  border-radius: 10px;
}
.btn-dark {
  background: #767676;
  color: #ffffff;
}

.navbar .text-logo a {
  width: 100%;
  font-size: 2.4rem;
  letter-spacing: .65rem;
  line-height: 2.5rem;
  margin-top: 5px;
}
.navbar ul.social-icons {
  list-style-type: none;
  display: inline-block;
  padding: 0;
}
.navbar ul.social-icons li {
  float: left;
  margin-right: 5px;
}
.navbar ul.social-icons li a {
  background: red;
  padding: 5px 7px;
  border-radius: 100%;
  color: #fff;
}
.navbar ul.social-icons li a i {
  text-shadow: 3px 2px 1px rgba(0,0,0,0.25);
}
.navbar ul.social-icons li.social-pinterest a {
  background: #BC1517;
  padding: 5px 8px;
}
.navbar ul.social-icons li.social-facebook a {
  background: #2652A1;
  padding: 5px 8px;
}
.navbar ul.social-icons li.social-twitter a {
  background: #4F99EE;
}
.navbar ul.social-icons li.social-google a {
  background: #BD172D;
  padding: 5px 3px;
}

.navbar .search-form {
  margin-bottom: 10px;
  position: relative;
  top: -5px;
}
.navbar .search-form input {
  font-size: 0.8rem;
  padding: 8px 45px 8px 10px;
  border-radius: 15px;
  background: #fff;
  border-color: #eee;
}
.navbar .search-form button {
  position: absolute;
  top: 3px;
  right: 0px;
  border-radius: 100%;
  padding: 3px 6px;
  background: #222;
  color: #eee;
  z-index: 999;
}

.navbar .login-area {
  font-size: .9rem;
}
.navbar .login-area .person-icon {
  border: 1px solid #ccc;
  padding: 5px 8px;
  border-radius: 100%;
  margin-right: 5px;
}

#mainNav {
  height: 120px;
  -webkit-transition: height 0.15s ease-in-out;
  -moz-transition: height 0.15s ease-in-out;
  -ms-transition: height 0.15s ease-in-out;
  -o-transition: height 0.15s ease-in-out;
  transition: height 0.15s ease-in-out;
}
#mainNav.shrink {
  height: 90px;
}

header nav.navbar.navbar-static-top-secondary {
  border-bottom: 0;
  background: #eee;
}

.main-navigation p.h6 {
  max-width: 160px;
}
.main-navigation .nav {
  list-style-type: none;
  text-align: center;
  width: 100%;
}
.main-navigation .nav-link {
  font-family: 'gotham_bold';
  color: #6D6D6D;
  letter-spacing: 1.5px;
  -webkit-font-smoothing: antialiased;
}
.main-navigation .nav-link:hover, .main-navigation .nav-link:active, .main-navigation .nav-link:focus  {
  color: #222;
}

.main-navigation ul.nav {
  display: table;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.main-navigation ul.nav > li{
  width: auto;
  display: table-cell;
  text-align: center;
  max-width: 240px;
  min-width: 40px;
}

.featured-image {
  position: relative;
}
.featured-image .caption {
  position: absolute;
  bottom: 40px;
  background: rgba(0,0,0,0.4);
  width: 100%;
  padding: 20px;
  color: #ffffff;
}
.featured-image .caption h3 {
  font-size: 3rem;
  color: #ffffff;
}

.featured-recipe h2.title, .featured-sidebar h2.title, .recipes-container h2.title, .featured-members h2.title, .featured-cookbooks h2.title {
  font-size: 1.3rem;
  letter-spacing: 1px;
}
.featured-recipe h2.title a {
  font-family: 'Parisienne', cursive;
  text-transform: lowercase;
}

.featured-sidebar hr {
  margin-bottom: 20px;
}
.featured-sidebar .featured-items {
  border: 2px solid #eee;
  border-radius: 10px 10px 0 0;
  padding: 20px;
}
.featured-sidebar .featured-items h3 {
  color: #76beaa;
  font-size: 1.1rem;
  letter-spacing: 1.5px;
}
.featured-sidebar .featured-items p {
  font-size: 1.2rem;
  font-family: "gotham_light";
  -webkit-font-smoothing: antialiased;
  color: #222;
}
.featured-sidebar .featured-items em a {
  color: #222;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}
.featured-sidebar h2.title {
  font-family: 'Parisienne', cursive;
  color: #222;
  font-size: 1.8rem;
  text-transform: capitalize;
  text-align: center;
}

.find-a-recipe {
  margin-top: 40px;
  background-image:
        linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),
        url('../jpg/frosting.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  -webkit-background-size: cover;
  padding: 80px 0 80px 0;
}
.find-a-recipe span {
  color: #222;
  font-size: 2rem;
  font-family: 'gotham_book';
}
.find-a-recipe .search-form {
  margin-top: 6px;
}
.find-a-recipe .search-form input {
  font-size: 1rem;
  padding: 8px 45px 8px 10px;
  border-radius: 20px;
  background: #fff;
  border-color: #eee;
}
.find-a-recipe .search-form button {
  position: absolute;
  top: 3px;
  right: 18px;
  border-radius: 100%;
  padding: 5px 8px;
  background: #d9534f;
  color: #fff;
  z-index: 999;
}
.find-a-recipe .search-form em {
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: 5px;
}
.find-a-recipe .search-form .btn-dark {
  border-radius: 5px !important;
  margin-right: 10px !important;
  font-size: 0.8rem;
}
.find-a-recipe .search-form .btn-dark.active {
  background: #76beaa;
}

.cta.cta-bottom {
  background-image:
        linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url('../jpg/cookbook-cafe.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  -webkit-background-size: cover;
  padding: 80px 0 80px 0;
}
.cta.cta-bottom h2 {
  color: #ffffff;
  font-size: 2.7rem;
  letter-spacing: 1.5px;
}
.cta.cta-bottom em {
  font-family: 'Parisienne', cursive;
  font-style: normal;
  font-size: 1.7rem;
  -webkit-font-smoothing: antialiased;
}
.cta.cta-bottom .btn {
}

.newsletter-signup {
  margin-top: 40px;
  background-image:
        linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url('../jpg/newsletter.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom;
  -webkit-background-size: cover;
  padding: 80px 0 80px 0;
}
.newsletter-signup span {
  color: #ffffff;
  font-size: 1.8rem;
  font-family: 'Libre Baskerville', serif;
}
.newsletter-signup small {
  color: #E3CC3A;
  font-size: 1rem;
}
.newsletter-signup .search-form {
  margin-top: 15px;
}
.newsletter-signup .search-form input {
  font-size: 1rem;
  padding: 8px 45px 8px 10px;
  border-radius: 20px;
  background: #eee;
  border-color: #eee;
}
.newsletter-signup .search-form button {
  position: absolute;
  top: 3px;
  right: 18px;
  border-radius: 15px;
  padding: 5px 15px;
  color: #fff;
  z-index: 999;
}
.newsletter-signup .search-form em {
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: 5px;
}
.newsletter-signup .search-form .btn-dark {
  border-radius: 5px !important;
  margin-right: 10px !important;
  font-size: 0.8rem;
}
.newsletter-signup .search-form .btn-dark.active {
  background: #76beaa;
}

footer {
  border-bottom: 0;
  margin-top: 0;
}
footer .navbar-light {
  background: #eee;
  padding: 0 0 25px 0;
}
.footer-bottom {
  padding: 25px 0 0 0;
}
.footer-bottom .app-store {
  width: 100px;
  border: 1px solid #eee;
}
.footer-bottom .join-community {
  display: inline-block;
  width: 280px;
  border-right: 0;
  float: right;
  padding-top: 0;
  padding-bottom: 0;
  background-size: 40%;
  background-position: right 25px bottom 0px;
  position: relative;
  top: -7px;
}

@media (max-width: 1199px) {
  .text-slogan, .text-slogan span {
    font-size: 0.9rem;
  }
}

@media (max-width: 575px) {

  body {
    padding-top: 9rem;
  }

  .navbar .text-logo a {
    font-size: 2.1rem;
    letter-spacing: .5rem;
  }

  #mobileMenu {
    top: 115px;
  }

  #mainNav {
    height: 90px;
  }
  #mainNav.shrink {
    height: 60px;
  }

  .featured-sidebar .btn-primary-new {
    margin-top: 20px;
  }
  .featured-sidebar h2.title {
    margin-top: 20px;
  }

  .featured-image .caption {
    bottom: 0;
  }
  .featured-image .caption h3 {
    font-size: 2rem;
  }

  .find-a-recipe .btn-dark {
    margin-bottom: 10px;
  }

  .featured-members .col-md-3 {
    height: 100px;
    margin-bottom: 20px;
  }

  .footer-bottom .app-store {
    width: 100%;
    margin: 20px 0;
  }

  .footer-bottom .join-community {
    width: 100%;
    margin: 20px 0;
    border-bottom: 0;
    height: 60px;
  }

}