.container-fluid {
  padding: 3% 15%;
}

body {
  font-family: 'Oswald';
}

#title {
  background-color: #e6d385;
  color: white;
}

#features {
  padding: 5% 7%;
  color: black;
  text-align: center;
}

#testimonials {
  background-color: #5c7658;
  text-align: center;
  font-family: 'Oswald';
  line-height: 1.5;
  font-size: 3rem;
  color: white;
}
em{
  font-size: 1rem;
  color: white;
}

#press {
  background-color: #5c7658;
  text-align: center;
  padding-bottom: 3%;

}

#pricing {
  background-color: white;
  text-align: center;
  font-family: 'Lobster', cursive;
}

#cta {
  background-color: #d25959;
  text-align: center;
}

#footer {
  background-color: #d25959;
  text-align: center;
}
.footer-space{
  margin-bottom: 0;
  padding: 0;
  color: white;
  font-size: 60%;
}
.contact-space{
  margin-bottom: 0;
  padding: 0 0 0 0;
  color: white;
  font-size: 1.5rem;
}


h1 {
  font-family: 'Lobster', cursive;
  font-size: 4rem;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 3rem;
}

.navbar-brand {
  font-family: 'Pacifico', cursive;
  color: white;
  font-size: 2rem;
  font-weight: bold;
}

.navbar {
  padding: 0 0 4rem;
}

.nav-item {
  padding: 0 3px;
}

.title-image {
  width: 100%;
}

.img-middle {
  margin-bottom: 2rem;
  color: #5c7658;
}

.img-middle:hover {
  color: #e6d385;
}

.feature-section {
  font-size: 2.5rem;
}

.Desc-middle {
  font-size: 1rem;
  color: grey;
  padding: 0 7%;
}

.Menu-title {
  text-align: center;
  padding: 4% 5%;
  font-size: 4rem;
  font-family: 'Lobster', cursive;
}
.menu-ic{
  width:65%;
  padding: 5% 5%;
}

.row-two{
  margin-bottom: 3rem;
}

.contact-spacing{
  padding:1% 30% 1% 30%;
}


.testi{
  font-size: 3rem;
  margin-bottom: 7%;
}

.testimonial-image{
  width: 20%;
  border-radius: 100%;
  margin: 20px;
}

.carousel-item{
  padding: 7% 15%;
}

.credit{
  width: 15%;
  margin: 90px 20px 10px 20px;
}

/* Social medial */

.facebook{
  width: 20%;
}
.col-facebook{
  text-align: right;
}
.twitter{
  width: 20%;
}
.instagram{
  width: 20%;
}
.col-instagram{
  text-align: left;
}

/* queries */

@media(max-width: 1028px) {
  .top-div{
    text-align: center;
  }
  .intro-text{
    text-align: center;
  }
  .title-image{
    padding-top: 4%;
  }
}