/*
 *  GENERAL
 ------------------------------------------------------ */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  font-family: "Roboto Slab", serif;
  font-size: 1em;
  line-height: 1.3125em; /*21/16*/
  background: #f1f1f1 !important;
}
.group:before,
.container:before,
.group:after,
.container:after {
  content: " ";
  display: table;
}
.group:after,
.container:after {
  clear: both;
}
blockquote,
p {
  font-size: 1.3125em; /*21/16*/
}
blockquote {
  padding: 0 0.625em; /*10/16*/
}
h2 {
  font-size: 3em;
  padding-top: 0;
  text-align: center;
}
::-moz-selection {
  background: #ddd;
  color: #000;
  text-shadow: none;
}
::selection {
  background: #ddd;
  color: #000;
  text-shadow: none;
}
.icon-layers {
  color: #336b87 !important;
}
.features-icons {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.features-icons .features-icons-item {
  max-width: 20rem;
}

.features-icons .features-icons-item .features-icons-icon {
  height: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

.features-icons .features-icons-item:hover .features-icons-icon i {
  font-size: 5rem;
}
.features-icons-item h3 {
  color: #336b87 !important;
}
.showcase .showcase-text {
  padding: 3rem !important;
}
.showcase-text h2 {
  text-align: left;
}
.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}
.contact h3,
.contact i {
  color: #336b87 !important;
}
.footer {
  background: #336b87;
}
@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem !important;
  }
}