@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.use-item {
  border: 5px solid #c0b1ac;
  padding: 20px;
  margin-top: 4em; }
  .use-item::after {
    content: "";
    display: block;
    clear: both; }
  .use-item h2 {
    margin-top: 0;
    text-align: center; }
  @media print, screen and (min-width: 768px) {
    .use-item-box {
      width: 33%;
      float: left; } }
  .use-item-box a {
    display: block;
    padding: 0 10px;
    color: #000;
    text-decoration: none; }
    .use-item-box a:hover, .use-item-box a:active, .use-item-box a:focus {
      color: black;
      text-decoration: none; }
    .use-item-box a:visited {
      color: black; }
    .use-item-box a .body .title {
      margin-top: 5px; }
    .use-item-box a .body .btn-more {
      margin-top: 10px;
      width: 100%; }

#sample {
  width: 100%;
  height: 800px; }
  @media screen and (max-width: 767px) {
    #sample {
      height: 500px; } }

/*# sourceMappingURL=works.css.map */