body{
  font-family: "Montserrat";
}

h1, h2, h3, h4, h5, h6{
  font-family: "Montserrat";
  font-weight: bold;
}

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

/* Title Section */
#title{
  background-color: #ff4c68;
  color: white;
}

.title-h1 {
  font-family: "Montserrat";
  font-size: 3.5rem;
  line-height: 1.5;
  font-weight: 900;
  color:white;
  padding-top: 10%;
}


.title-container{
  padding-bottom: 7%;
}

.navbar{
    padding: 0;
}



.navbar-brand{
  font-size: 3rem;
  font-family: "Ubuntu";
}


.nav-link{
  font-family: "Montserrat";
  font-weight: 100;
  font-size: 1.5rem;
}

.iphone6_image{
  position: absolute;
  transform: scale(0.75,0.75) rotate(20deg);
  left:50%;
}




/* Features Section */

#features{
  padding-top: 5%;
  padding-bottom: 5%;
  position: relative;
  align-content: center;
  text-align: center;
  font-family: "Montserrat";
  color:#8f8f8f;
  background-color: white;
  z-index: 1;

}
.container{
  padding: 3% 15%;
}
.features-header{
  padding-top: 5%;
  font-size: 1.5rem;
  font-weight: bold;
  color: black;
}

.features-icon{
  font-size: 4em;
  color: #ef8172;
}

.features-icon:hover{
  color: #ff4c68;
}

#testimonials{
  text-align: center;
  background-color: #ef8172;
  color: white;
}

.testimonial-quote{
  font-size: 3em;
  font-weight: bold;
}

.carousel-button{
  width:auto;
}

.testimonial-pic{
  border-radius: 50%;
  height: auto;
  width: 10%;
  margin: 10px;
}

/* Press Section */
#press{
  background-color: #ef8172;
  text-align: center;
  padding-top: 5%;
  padding-bottom: 5%;
}

.press-logo{
  width: 15%;
}

/* Pricing Section */
#pricing{
  text-align: center;
  color: #8f8f8f;
}

.pricing-header{
  color:black;
  font-size:3rem;
  font-weight: 900;
}

.card-deck{
  margin-top:50px;
}

.card-header{
  color:black;
  font-weight: bold;
  font-size: 1.5rem;

}

.card-title{
  color:black;
  font-weight: bold;
}

#cta{
  background-color: #ff4c68;
  text-align: center;
  padding-bottom: 5%;
  padding-top: 5%;
  color: white;
  font-weight: bold;
  font-size: 2rem;
}
#footer{
  padding-top: 3%;
  padding-bottom: 3%;
  text-align: center;
}

.footer-button{
  color:black;
}
.footer-button:hover{
  color:black;
}