.hosting,
.client {
  width: 48.5%;
  display: inline-block;
  margin-bottom: 2.5em;
  margin-top: 1em;
}
.hosting {
  float: right;
}
.actions {
  background-color: #e5e3e3;
  padding: 1em 1.5em;
  margin: 1.8em 0;
}
.actions p {
  font-weight: 600;
  padding-bottom: 0;
}
.actions button,
.actions a.button {
  display: inline-block;
  text-decoration: none;
  margin: 1em 0.8em 0.5em 0;
}
.actions button.tour,
.actions a.button.tour {
  background-color: #3f973d;
}
.actions button.tour:hover,
.actions a.button.tour:hover {
  background-color: rgba(63, 151, 61, 0.85);
}
.actions button.try,
.actions a.button.try {
  background-color: #9e9e9e;
}
.actions button.try:hover,
.actions a.button.try:hover {
  background-color: rgba(158, 158, 158, 0.85);
}
/* phone queries */
@media (max-width: 480px) {
  .hosting,
  .client {
    width: 100%;
    display: inline-block;
    margin-bottom: 2.5em;
  }
  .hosting button,
  .client button {
    width: 100%;
  }
}