#title{ 
    background-image:  linear-gradient(to bottom, #ef8172, #ff4c68 );
    color: white;
  }
h1{ 
    font-family: "Montserrat";
    font-weight: 900;
    font-size: 3rem;
    line-height: 1.5;
    
  }

h2{
  font-family: "Montserrat";
  font-weight: 900;
  font-size: 3rem;
  line-height: 1.5;
}
  
.container-fluid{
   padding:3% 15%;
  }
  
  
body{
    font-family: "Montserrat"; 
  }
  
.col-lg-6{
    padding-top: 4.5rem;
}  
 
/*Navigation bar*/

 
.navbar-brand{
  font-family: "Ubuntu";
  font-size: 1.5rem;
  font-weight: 500;
  transition: 0.5s;
}
 

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

.nav-link{
  font-size: 1.2rem;
  font-family: "Montserrat";
  font-weight: 100;
  transition: 0.3s ease-in-out;
}

.nav-link:hover{
  font-size: 1.5rem;
  color: white;
}

.navbar-brand:hover{
  font-size: 2rem;
}

/*buttons*/

.download-button{
  margin: 5% 3% 5% 0;
}

/*title image*/

.title-img{
  margin-left: 100px ;
  width: 60%;
  transform: rotate(25deg);
  
}

/*features*/

.feature-div{
  padding-top: 100px;
  padding-bottom: 100px;
}

.feature-icon{
margin: 0 70px;
padding: 10px 0;
color: #ef8172;
font-size: 4rem;
transition: 0.5s;
}

.features{
  font-family: "Montserrat";
  text-align: center;
  padding: 4.5rem 2rem 75px;
  
}
.feature-heading{
 font-family: "Montserrat";
 font-weight: bold;
 font-size: 1.5rem
}
.feature-icon:hover{
  color: #ff4c68;
  font-size: 5rem;
}
p{
  color: #8f8f8f;
}

/*testimonials*/

#testimonials{
 
  text-align: center;
  background-image:linear-gradient(to bottom,#ff4c68,#ef8172);
  color: white;
  transition: 0.5s;
}


.testimonial-img{
  width: 10%;
  border-radius: 100%;
  margin: 20px;
  transition: 0.3s;
}
.testimonial-img:hover{
  width: 15%;
}

#press{
  background-color:#ef8172;
  text-align: center;
  padding-bottom: 3%;
  transition: 0.3s;
}


/*press-img*/
.brand{
  width: 10%;
  margin: 3rem;
  transition: 0.5s;
}

.brand:hover{
  transform: scale(1.5);
}

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

/*card*/
.introduction{
  padding: 15px;
}
.card{
  font-family: "Montserrat";
  border-color: #ff4c68;
  border-style: solid;
  margin: 50px;

}
.card-col{
  margin: 0;
}
#pricing{
  text-align: center;
}

.card-button{
  background-color: #ff4c68; 
}

 /*call to action*/

 #cta{
   padding-top: 100px;
   padding-bottom: 0;
   font-family: "Montserrat";
   color: white;
   text-align: center;
   background-image: linear-gradient(to bottom, #ef8178, #ff4c68);
 }
 #footer{
   background-color:#ff4c68;
   text-align: right;
   padding-top: 0;

 }
 .f{
   color: white;
   font-family: "Montserrat";
   padding-left: 0;
 }


/*social media buttons*/

.follow1{
  margin-top: 5% ;
  margin-right: 3%;
  margin-bottom: 5%;
  margin-left:  0%;
  transition: 0.5s;

}

.follow1:hover{
 margin-right: 10%;
 color:#ff4c68;
 transform: rotate(360deg);
}
 
 
.follow2{
  margin-top: 5% ;
  margin-right: 3%;
  margin-bottom: 5%;
  margin-left:  0%;
  transition: 0.5s;
}

.follow2:hover{
 margin-right: 10%;
 color: #00acee;
 transform: rotate(360deg);
}
 
.follow3{
  margin-top: 5% ;
  margin-right: 3%;
  margin-bottom: 5%;
  margin-left:  0%;
  transition: 0.5s;
}

.follow3:hover{
 margin-right: 10%;
 color: #4464aa;
 transform: rotate(360deg);

}
/*{
 background-image: linear-gradient(to bottom, #515bd4 20%, #8134af 40%, #dd2a7b 60%, #feda77 80%, #f58529);
 color: transparent;
 -webkit-background-clip: text;
 background-clip: text;

 .press-img1{
  width: 7%;
  margin: 3rem;
  transition: 0.5s;
}

.press-img1:hover{
  width: 10%;
}

.press-img2{
  width: 7%;
  margin: 3rem;
  transition: 0.5s;
}

.press-img2:hover{
  width: 10%;
}

.press-img3{
  width: 7%;
  margin: 3rem;
  transition: 0.5s;
}

.press-img3:hover{
  width: 15%;
}

.press-img4{
  width: 7%;
  margin: 3rem;
  transition: 0.5s;
}

.press-img4:hover{
  width: 10%;
}
}*/

@media (max-width: 1028px){
  .title-img{
    position: static;
    transform: rotate(0);
  }
  #title{
    text-align: center;
  }
  .brand{
    width: 10%;
  }
  .brand:hover{
    transform:scale(2);
  }
}