body {
	font-family: Montserrat;
}

h1 {
	font-family: Montserrat, sans-serif;
	line-height: 1.5;
	font-size: 3.5rem;
	font-weight: 900;
	color: aliceblue;
}
h2 {
	font-family: Montserrat, sans-serif;
	font-size: 3rem;
	font-weight: 900;
	line-height: 1.5;
}
h3 {
	font-family: Montserrat, sans-serif;
	font-weight: 900;
}
p {
	color: #8f8f8f;
}
/* Navigation Bar */
.navbar {
	padding: 0 0 4.5rem;
}
.navbar-brand {
	font-family: Ubuntu, sans-serif;
	font-size: 2.5rem;
	font-weight: bold;
	color: aliceblue;
}
.nav-item {
	padding: 0 18px;
}
.nav-link {
	font-size: 1.5rem;
	font-family: Montserrat-Light;
}
.container-fluid {
	padding: 3% 15% 8%;
}

/* Title section */

#title {
	background-color: #ff4c68;
}

#my-btn {
	margin: 5% 3% 5% 0;
}
#image-iphone {
	transform: rotate(25deg);
	position: absolute;
	width: 60%;
	right: 30%;
}

/* Feature Section */

#features {
	padding: 7% 15%;
	background-color: #fff;
	position: relative;
	/* z-index: 1; */
}
.feature-box {
	text-align: center;
	padding: 5%;
}
.feature-icon {
	margin-bottom: 1rem;
	color: #ef7162;
}
.feature-icon:hover {
	font-size: 5rem;
	color: red;
}

/* Testimonials Section*/

#testimonials {
	text-align: center;
	background-color: #ff4c68;
	color: #fff;
}
.carousel-item {
	padding: 7% 15%;
}
.testimonial-img {
	margin: 20px;
	width: 10%;
	border-radius: 100%;
}

#press {
	text-align: center;
	background-color: #ff4c68;
	padding-bottom: 3%;
}
.press-img {
	width: 15%;
	margin: 20px 20px 50px;
}

/* Pricing */

#pricing {
	padding: 100px;
	text-align: center;
}
.pricing-column {
	padding: 3% 4%;
}

/* Call to Action */

#cta {
	text-align: center;
	background-color: #ff4c68;
	color: #fff;
	padding: 7% 15% 4%;
}

/* footer */

#footer {
	text-align: center;
	color: black;
	padding: 3% 15% 0;
}
#cta-heading {
	font-family: Montserrat, sans-serif;
	line-height: 1.5;
	font-size: 3.5rem;
	font-weight: 900;
	color: aliceblue;
}
.social-icon {
	margin: 20px 10px;
	color: gray;
}
.social-icon:hover {
	color: black;
}

/* Media Query */

@media (max-width: 1028px) {
	#image-iphone {
		width: 60%;
		right: 30%;
		position: static;
		transform: rotate(0deg);
	}
	#title {
		text-align: center;
	}
	#features {
		padding: 7% 15%;
		background-color: #fff;
		/* z-index: 1; */
	}
}