body {
  font-size: 10px !important;
  background-color: #F0F0F0;
  color: #4A4A4A;
  font-weight: 300;
}
a {
  color: inherit;
}
  a:hover, a:focus {
    color: inherit;
    text-decoration: none;
  }
.logo {
  text-align: center;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.box-container {
  min-height: 30rem;
  width: 100%;
  border-radius: 0.4rem;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(210,210,210,0.5);
  -moz-box-shadow: 1px 1px 2px 0px rgba(210,210,210,0.5);
  box-shadow: 1px 1px 2px 0px rgba(210,210,210,0.5);
  transition: all 0.3s ease;
}
  .box-container:hover {
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(210,210,210,1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(210,210,210,1);
    box-shadow: 1px 1px 2px 0px rgba(210,210,210,1);
  }
.box-container-img {
  height: 13rem;
  width: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
  .vinotek .box-container-img {
    background-image: url('../../assets/gfx/vinotek.jpg');
  }
  .fiskerestaurant .box-container-img {
    background-image: url('../../assets/gfx/fiskerestaurant.jpg');
  }
  .vintage .box-container-img {
    background-image: url('../../assets/gfx/vintage.jpg');
  }
.box-container h2 {
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
}
.box-container-inner {
  padding: 0.5rem 1rem;;
}
  .icon, .text {
    display: inline-block;
    vertical-align: top;
    min-height: 70px;
  }
    .icon {
      width: 15%;
    }
    .text {
      width: 83%;
    }
    .fa {
      font-size: 1.6rem;
    }
      .cal, .sign {
        padding-top: 7px;
      }
    .box-container-inner p {
      font-size: 0.8rem;
    }
  .link {
    text-align: center;
  }
    .link .fa {
      font-size: 0.8rem;
    }



.main-content {
  margin-top: 3.5rem;
  text-align: center;
}
  .main-content h2 {
    font-size: 1.2rem;
  }



/*Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 300px) {
  .box-container {
    margin-bottom: 2rem;
  }
}

@media (min-width: 576px) {
  .box-container {
    margin-bottom: 2rem;
  }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .box-container {
    min-height: 35rem;
    margin-bottom: 2rem;
  }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .box-container {
    min-height: 33rem;
    margin-bottom: 2rem;
  }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }