body{
    font-family: "Montserrat"; 
}


ul{
  margin: auto;
}

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

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

h1{
   font-family: "Montserrat-bold";
   font-size: 3.5rem;
   line-height: 1.5;
}

h2{
   font-family:"Montserrat-bold" serif ;
   font-size: 3.5rem;
   line-height: 1.5;
}

h3{
    font-family: "Montserrat" ;
}

p{
    color: #8f8f8f;                    
}

.navbar{
    padding-bottom: 4.5rem;
}


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

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

.nav-link{
    font-size: 1.2rem;
    font-family: "montserray-light";
}


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

.image{
    width: 158px;
    height: 419px;
    transform: rotate(25deg);
    position: absolute;
    
}


#features{
     padding: 7% 15%;  
     background-color: #fff ;  
     position: relative;  
z-index: 1; 
}

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

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

.icon:hover{
      color: #ff4c68;                  
}

#testimonials{
    padding: 7% 15%;
    text-align: center;
    background-color: #ef8172;
    color: #fff ;
}


.text-images{
       width: 10%;
       border-radius: 100%;  
       margin: 20px;               
}

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


 #press > img {
   height: 50%;
   width: 250px;
   margin: 20px 20px 50px;
 }


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

 .testimonial{
     width: 10%;
     border-radius: 100%;
 }


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


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

 .pricing-column{
    padding: 3% 2%;
 }

 #cta{
     background-color: #ff4c68;
     color: #fff;
     padding: 7% 15%;
 }


.cta-heading{
   font-family: "montserray-black" sans-serif;
   font-size: 4.5rem;
   line-height: 1.5;
}
  
#footer{
    padding: 7% 15%;
    text-align: center;
}

 @media(max-width:1028px){


    #title{
        text-align: center;
    }
     .images{
         position: static;
         transform: rotate(0);
     }
 }