#title{
    background-color:#ff4c68 ;
    color: #fff;
}


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

h1{
    font-family: "montserrat" !important;
    font-size: 3.5rem !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
}

h2{
    font-family: "montserrat";
    font-size: 3rem !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
}

h3{
    font-family: "montserrat";
    font-weight: 900 !important;
}

p{
    color:#8f8f8f ;
    font-size: 1.4rem;
}

/* navigation bar */

.navbar{
    padding:0 0 4.5rem !important ;
}

.navbar-brand{
    font-family: "ubuntu";
    font-size: 2.5rem !important;
    font-weight: bold !important;
}

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

.nav-link{
    font-family: "montserrat";
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    text-align: right;
}




/* dowload buttons */

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

/* Title image */

.title-image{
    width: 60%;
    transform: rotate(25deg);
    position: absolute;
    right: 30%;
}


/* features section */

#features{
     padding: 7% 15% ;
     background-color: #fff;
     position: relative;

}

.feature-box{
    text-align: center;
    padding: 5%;
}

.icon{
    color: #ef8172;
    margin-bottom: 1rem;

}

.icon:hover{
    color: #ff4c68;
}



/* testimonial section */

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

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

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

}

#press{
    background-color: #ef8172;
    text-align: center;
    padding-bottom: 15%;
}

.press-logo{
    width: 15% !important;
    margin: 20px 20px 50px !important;

}




/* pricing section */


#pricing{
    padding: 100px;
    text-align: center;
}


.pricing-column{
    padding: 3% 2% !important;


}
.p-small{
    font-size: 0.9rem;
}


/* cta section */

#cta{
    text-align: center;
    background-color: #ff4c68;
    padding: 5% 15%;
}
.cta-head{
    font-family: "montserrat" !important;
    padding: 4% ;
    padding-bottom: 1%;
    color: #fff;
    font-size: 3.5rem;
    line-height: 1.5;
}

/* footer section */
#footer{
    text-align: center;
    padding: 7% 15%;
    
}
.footer-p{
    font-size: 1rem;
}
.social-icon{
    margin:20px 10px;
    color: #8f8f8f;
}

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

/* media query */

@media (max-width:1028px){
    #title{
        text-align: center;
    }

    .title-image{
        position: static;
        transform: rotate(0);
    }
}