/* your styles go here */
/* Example site test */

.box-image-text .image {
    min-height: 190px;
    max-height: 190px;
}

.box-image-text .image img {
    max-height: 190px;
    margin: auto;
}

.box-simple {
    min-height: 230px;
}

.jumbotron {
  padding: 30px;
  margin-bottom: 0;
  position: relative;
  background: url('../img/banner.jpg') center center repeat;
  background-size: cover;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.home-carousel {
  position: relative;
  background: url('../img/banner.jpg') center center repeat;
  background-size: cover;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* Default 100% in mobile */
figure.about-image {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

figure.about-image img {
  display: block;
  width: 100%;
  border: 1px solid black;
}

figure.about-image figcaption {
  font-size: 20px;
  font-weight: bold;
}

/* When screen width is 768px or larger, set width to 50% */
@media (min-width: 768px) {
  figure.about-image {
    width: 65%;
  }
}

body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555555;
}