body{
  /*color: #ffffff;*/
  /*background-color: #353535;*/
  color: #000000;
  background-color: #efefef;
}

.paragraph .title{
  font-size: 26px;
  font-weight: 600;

  margin-bottom: 30px;
}
/*
.paragraph .title span{
  padding-left: 10px;
  border-left: 1px solid #c4c4c4;
}
*/
.paragraph .text{
  font-size: 18px;
  margin-bottom: 30px;
  color: #bebebe;
}
.paragraph .text-sm{
  margin-top: 22px;
  font-size: 16px;
}
.paragraph .example{
  margin-top: 50px;
  margin-bottom: 20px;

  display: flex;
  justify-content: start;
}

.home-details{
  display: flex;
  align-items: center;

  padding: 2rem;
  background-color: #ffffff;
  border-radius: 10px;
}
.home-image img{
  width: 100%;
}

a.btn-visit{
  display: inline-block;
  padding: 8px 25px;
  font-weight: 600;
  font-size: 17px;
  color: #ffffff;
  background-color: #007bff;
  border: none;
  border-radius: 100px;

  transition: 0.3s;
}
a.btn-visit:hover{
  text-decoration: none;
  background-color: #0059b9;
}

footer{
  padding: 30px;
  background-color: #292929;
}footer .brand{
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
}footer .copyright{
  font-size: 15px;
  font-weight: 400;
  color: #d2d2d2;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .home-details .paragraph{
    text-align: center;
  }
  .home-details .paragraph .title{
    font-size: 30px;
  }
  .home-details .paragraph .text{
    font-size: 20px;
  }
  .home-details .paragraph .example{
    justify-content: center;
  }
  .home-details .btn-visit{
    display: block;
  }
  .home-image img{
    margin-top: 50px;
  }
}