@font-face {
    font-family: 'karlaitalic';
    src: url('karla-italic-variablefont_wght-webfont.woff2') format('woff2'),
         url('karla-italic-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'karlaregular';
    src: url('karla-variablefont_wght-webfont.woff2') format('woff2'),
         url('karla-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monetablack';
    src: url('santi_rey_-_moneta_black-webfont.woff2') format('woff2'),
         url('santi_rey_-_moneta_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monetabold';
    src: url('santi_rey_-_moneta_bold-webfont.woff2') format('woff2'),
         url('santi_rey_-_moneta_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monetalight';
    src: url('santi_rey_-_moneta_light-webfont.woff2') format('woff2'),
         url('santi_rey_-_moneta_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monetaregular';
    src: url('santi_rey_-_moneta_regular-webfont.woff2') format('woff2'),
         url('santi_rey_-_moneta_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1 {
  font-family: 'monetaregular';

}

h2 {
  font-family: 'karlaregular';
}

.monetaregular {
  font-family: 'monetaregular';
}

.karlabold {
  font-family: 'karlaregular';
  font-weight: 600;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
    font-family: 'karlaregular';
    font-weight: 600;
}

.bg-primary {
	background: none !important;
}

#wrapper-navbar {
    background-size: cover;
    /*height: 800px;*/
    height: 900px;
}

.carousel {
  background: none;
}

.carousel-cell {
  width: 66%;
  /*height: 70vh;*/
  height: 600px;
  margin-right: 10px;
  background: none;
  border-radius: 5px;
  counter-increment: gallery-cell;
}

.carousel-cell > a > img {
  width: 100%;
  height: 100%;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  /*content: counter(gallery-cell);*/
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.carousel-cell2 {
  width: 27%;
  height: 420px;
  margin-right: 10px;
  background: none;
  border-radius: 5px;
  counter-increment: gallery-cell;
}

/* cell number */
.carousel-cell2:before {
  display: block;
  text-align: center;
  /*content: counter(gallery-cell);*/
  /*line-height: 200px;*/
  /*font-size: 80px;*/
  color: white;
}

.carousel-cell3 {
  width: 33%;
  height: 500px;
  margin-right: 5px;
  background: none;
  border-radius: 5px;
  counter-increment: gallery-cell;
}

/* cell number */
.carousel-cell3:before {
  display: block;
  text-align: center;
  /*content: counter(gallery-cell);*/
  /*line-height: 200px;*/
  /*font-size: 80px;*/
  color: white;
}

.spacer {
  margin-top: 50px;
}

.grey {
  background-color: #e5e1dc;
  margin-top: 75px;
}

.grey2 {
  background-color: #e5e1dc;
  padding: 20px;
}

.darkgrey {
  background-color: #3c3c3c;
  padding: 20px;
  color: white;
}

.padding {
  padding: 75px;
}

.white {
  margin-top: 75px;
}

.vertical-rl { 
  writing-mode: vertical-rl; 
 
}

#wrapper-footer > div.container-fluid {
  background-color: #3c3c3c;
  color: white;
  width: 100%;
  margin: 0;
}

.site-info {
  padding: 50px 25px;
}

.knightlab-logo {
  display:none !important;
}

.juxtapose-name {
  display:none !important; 
}


@media (max-width: 575.98px) { 
.vertical-rl {
  writing-mode: horizontal-tb;
  padding-bottom: 20px;
  padding-top: 20px;
  }

  #content > div.row.white > div.col-md-11 > div > div > h1 {
    padding-top: 20px;
  }

.carousel-cell {
    width: 100%;
    height: 300px;
}

.carousel-cell2 {
    width: 100%;
    height: 330px;
}

#wrapper-navbar {
  width: 100%;
  max-width: 575px;
  height: 400px;
  background-position: center center !important;
  
}

.padding {
  padding: 0 20px;
}

#wrapper-footer {
  padding: 0px;
}

#full-width-page-wrapper {
  padding: 0px;
}

#content > div:nth-child(2) > div.col-md-11.float-right > div > ol {
 bottom: -35px;
}

}

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) {

}

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) {

}