#title {
  background-color: #ff4c68;
  color: #fff;
}
.container-fluid{
  padding: 3% 15% 15%;

}
body{
  font-family: sans-serif;
}
/* navigation bar */
.navbar-brand{
  font-size: 2.5rem;
  font-weight: bold;

}
h3{
  font-family: bold;
  font-size: 2rem;
}
h2{
  font-size: 2rem;
  line-height: 1.5;
}
.navbar{
  padding: 0 0 4.5rem;


}
.nav-item{
  padding: 0 18px;
}
.nav-link{
  font-size: 1;
}
.btn{
  margin: 3% 4%;
}
.img{
  width: 60%;
  transform: rotate(25deg);
  right: 30%;
  position: absolute;
}

/* features section */
#features{
  position: absolute;
  background-color: #fff;
  padding: 7% 15%;
  position: relative;

}
.feature-box{
  text-align: center;
  padding: 5%;
}
.icon{
  color: #ef8172;
  margin-bottom: 1rem;
}
.icon:hover{
  color: #ff4c68;
}

p{
  color: #8f8f8f;
}
/* testimonial section */
#testimonials{

  text-align: center;
  background-color: #ff4c68;
  color: #fff;
}
.testimonial-image{
  width: 20%;
  border-radius: 100%;
  margin: 20px;
}
.carousel-item{
  padding: 7% 15%;
}
#press{
  background-color: #ff4c68;
  text-align: center;
  padding-bottom: 3%;
}
.logo{
  width: 15%;
  margin: 20px 20px 50px;
}
/* pricing section */
#pricing{
  padding: 10%;
}
.pricing-col{
  padding: 3% 2%;
  text-align: center;
}
/* media query brakpoints */
@media (max-width: 1028px) {
#title{
  text-align: center;
}
  .img{
    align-items: center;
    position: static;
    transform: rotate(0);
  }

}
/* section cta */
#cta{
  background-color: #ff4c68;
  text-align: center;
  padding: 8% 15%;
  color: #fff;
  font-size: 2.5rem;
}
/* footer section */
#footer{
  background-color: #fff;
  text-align: center;
  padding: 7% 15%;
}
.ss{
  margin: 20px 10px;
}