body {
  position: relative;
}
#content-wrapper {
  min-height: 85vh;
}
#nav-main {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5a23b+0,ed952c+50,f3cf2d+100 */
  background: #f5a23b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f5a23b 0%, #ed952c 50%, #f3cf2d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f5a23b 0%, #ed952c 50%, #f3cf2d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5a23b 0%, #ed952c 50%, #f3cf2d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5a23b', endColorstr='#f3cf2d', GradientType=0);
  /* IE6-9 */
}
a#toplink {
  position: fixed;
  bottom: 0;
  right: 25px;
  font-size: 5rem;
  color: rgba(230, 113, 44, 0.7);
  mix-blend-mode: difference;
}
a#toplink:hover {
  color: #e6712c;
}
footer .btn-default {
  padding-left: 0;
  padding-right: 0;
}
footer,
footer a,
footer a.btn-default {
  font-size: .875rem;
}
div.background-image {
  background-size: cover;
  background-repeat: no-repeat;
  text-shadow: #bdb7b7 1px 1px;
}
div.background-image.contain {
  background-size: contain;
}
div.background-image.cover {
  background-size: cover;
  background-repeat: no-repeat;
}
.parallax {
  background-position: center top;
  background-attachment: fixed;
}
.card {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-primary {
  color: #ffffff;
  background-color: #e6712c;
  border-color: #ffffff;
}
.btn-primary:hover {
  color: #dbdbdb;
  background-color: #ea0000;
  border-color: #dbdbdb;
}
.navbar-light .navbar-nav .nav-link {
  color: #fff !important;
}
#content-wrapper a {
  color: #E6712C;
}
a.btn-primary {
  color: #fff !important;
}
.navbar-light .navbar-nav .active > .nav-link {
  color: #f1ebeb;
}
footer a,
footer .navbar-light .navbar-nav .nav-link {
  color: #E6712C;
}
.carousel-caption {
  background-color: rgba(123, 118, 118, 0.7);
}
h1,
h2,
h3 {
  color: rgba(230, 113, 44, 0.9);
  font-family: 'Varela', sans-serif;
  font-weight: bold;
  text-shadow: #dbdbdb 1px 1px;
}
nav#nav-main {
  font-family: 'Varela', sans-serif;
  font-weight: bold;
}
.transparent-bright {
  background-color: rgba(214, 214, 214, 0.76);
}
.color-scheme.dark {
  background-color: #000000;
  color: #ffffff;
}
.color-scheme.dark h1,
.color-scheme.dark h2 {
  color: #ffffff;
}
.color-scheme.dark a {
  color: #ff1010;
}
.color-scheme.dark .btn-primary {
  color: #ff1010 !important;
  background-color: #ffffff;
}
.color-scheme.light {
  background-color: #ffffff;
  color: #000000;
}
.color-scheme.light h1,
.color-scheme.light h2 {
  color: #000000;
}
.color-scheme.light a {
  color: #131695;
}
.color-scheme.light .btn-default {
  border-color: #131695;
}
.color-scheme.light .btn-primary {
  color: #ffffff !important;
  background-color: #e6712c;
}
.color-scheme.blue {
  background-color: rgba(0, 153, 153, 0.72);
  color: #f7f7f7;
}
.color-scheme.blue h1,
.color-scheme.blue h2 {
  color: #f7f7f7;
}
.color-scheme.blue a {
  color: #f7f7f7;
}
.color-scheme.dark-red {
  background-color: rgba(255, 16, 16, 0.86);
  color: #f6f3f4;
}
.color-scheme.dark-red h1,
.color-scheme.dark-red h2 {
  color: #f6f3f4;
}
.color-scheme.dark-red a {
  color: #990000;
}
.color-scheme.dark-red .btn-primary a {
  color: #990000;
  background-color: #f6f3f4;
}
.color-scheme.red {
  background-color: rgba(255, 0, 0, 0.72);
  color: #f7f7f7;
}
.color-scheme.red h1,
.color-scheme.red h2 {
  color: #f7f7f7;
}
.color-scheme.red a {
  color: #f7f7f7;
}
.color-scheme.orange {
  background-color: rgba(255, 116, 0, 0.72);
  color: #fdfdfd;
}
.color-scheme.orange h1,
.color-scheme.orange h2 {
  color: #fdfdfd;
}
.color-scheme.orange a {
  color: #f7f7f7;
}
.color-scheme.dark-blue {
  background-color: rgba(27, 27, 179, 0.72);
  color: #f7f7f7;
}
.color-scheme.dark-blue h1,
.color-scheme.dark-blue h2 {
  color: #f7f7f7;
}
.color-scheme.dark-blue a {
  color: #f7f7f7;
}
.color-scheme.green {
  background-color: rgba(0, 155, 0, 0.84);
  color: rgba(0, 0, 0, 0.83);
}
.color-scheme.green h1,
.color-scheme.green h2 {
  color: rgba(0, 0, 0, 0.83);
}
.color-scheme.green a {
  color: #f7f7f7 !important;
  text-shadow: #000 1px 1px;
}
.color-scheme.light-gray {
  background-color: rgba(224, 224, 224, 0.84);
  color: rgba(0, 0, 0, 0.88);
}
.color-scheme.light-gray h1,
.color-scheme.light-gray h2 {
  color: rgba(0, 0, 0, 0.88);
}
.color-scheme.light-gray a {
  color: rgba(0, 0, 0, 0.76);
}
.color-scheme.light-gray .btn-primary {
  color: rgba(224, 224, 224, 0.84) !important;
  background-color: rgba(0, 0, 0, 0.88);
}
/* Masonry */
/* fluid 5 columns */
.grid-sizer,
.grid-item {
  width: 20%;
  margin-bottom: 10px;
  margin-right: 10px;
}
/* 2 columns */
.grid-item--width2 {
  width: 40%;
}
@media (min-width: 768px) {
  /* Only fullscreen on bigger displays */
  .viewport {
    min-height: 100vh;
  }
}
@media (max-width: 1024px) {
  li.nav-item {
    font-size: 0.84em;
  }
  h1,
  h1.display-3 {
    font-size: 1.5rem;
  }
}
.h2,
h2 {
  font-size: 1.2rem;
}
h3 {
  font-size: 1rem;
}
@media (max-width: 768px) {
  div#navbarMain {
    background-color: rgba(218, 217, 217, 0.54901961);
  }
  h1,
  h1.display-3 {
    font-size: 1.5rem;
  }
  .h2,
  h2 {
    font-size: 1.2rem;
  }
  h3 {
    font-size: 1rem;
  }
  .navbar li a {
    font-size: 0.80rem;
  }
  .navbar-toggleable-sm .navbar-nav .nav-link {
    padding-right: .2rem;
  }
  .dropdown-toggle::after {
    margin-left: .1em;
    border-top: .2em solid;
    border-right: .2em solid transparent;
    border-left: .2em solid transparent;
  }
  .parallax {
    background-attachment: scroll !important;
  }
  a#toplink {
    right: 10px;
    font-size: 3rem;
  }
  .grid-item {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0px;
  }
  /* 2 columns */
  .grid-item--width2 {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .grid-item {
    width: 100%;
    margin-bottom: 10px;
  }
  /* 2 columns */
  .grid-item--width2 {
    width: 100%;
  }
}
@media (max-width: 425px) {
  .parallax,
  section > div.background-image {
    background-image: none !important;
    text-shadow: none;
  }
  a#toplink {
    right: 0px;
    font-size: 2rem;
  }
  .xs-d-block {
    display: block;
  }
  .grid-item {
    width: 100%;
    margin-bottom: 10px;
  }
  /* 2 columns */
  .grid-item--width2 {
    width: 100%;
  }
}
/* varela-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Varela';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/varela-v16-latin-regular.woff2') format('woff2');
  
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}