i{
  margin-right: 10px;
}
.dog{
  margin-top: 5%;
  position:absolute;
  right:30%;
}
#features{
z-index: 1;
position:relative;/*will have the position in html flow whereas absolute will take it out of the html flow*/
}
h1
{
  font-weight:bold;
  color: white;
  font-family:"Montserrat-Black";
  font-size: 4rem;
  line-height: 1.5;
}
h2{
  font-weight:bold;
  font-family:"Montserrat-Bold";
  font-size: 3.5rem;
  line-height: 1.5;
}
.navbar{
  padding-bottom: 3rem;
}
.nav-item{
  padding-right:2px;
  font-size: 1.2rem;
}
.nav-item:hover{
  background-color:white;
}
.container-fluid{
  padding: 3% 13%;
  background-color: #ff4c68;
}
.dog{
  transform: rotate(30deg);
}
.button{
  padding-top: 15px;
}
.icon3{
color: #ef8172;
}
.icon3:hover{
  color:#ff4c68;
}
.carousel-item,#cta{
    padding:7% 15%;
}
.pressimage{
  width:15%;
  margin:20px 20px 50px;
}
.testimage{
  width:15%;
  margin:20px;
  border-radius:100%;
}
#features{
text-align: center;
background-color: white;
padding: 10rem;
}
#testimonials{
  text-align: center;
  background-color: #ef8172;
  color:#fff;
}
#titlename{
  color:white;
  font-size: 2rem;
}
#press{
  background-color:#ef8172;
  text-align: center;
  padding-bottom: 3%;
}
#pricing{
  padding:20px;
  margin:20px;
  text-align: center;
}
#cta{
  background-color: #ff4c68;
  color:white;
  text-align: center;
  font-family: "Montserrat-Black";
  font-weight:Bold;

}
#h3{
  line-height: 1.5;
  font-size: 3.5rem;
  font-family: "Montserrat Black";
  padding-bottom: 30px;
}
#bat{
  margin:15px;
}
#footer{
background-color: #fff;
text-align: center;
padding:7% 15%;
}
@media(max-width:830px){
.dog{
  position:relative;
  transform: rotate(0deg);
  text-align: center;
  margin-left:50%;
  padding-top: 20px;
}
#meet{
  text-align: center;
}
}