@charset "UTF-8";
/* CSS Document */
html, body { font-family: 'Montserrat', sans-serif; }
.nav .jumbotron {
padding: 0; margin: 0 auto !important;
	max-width: 100%;
	position: relative;
}

.nav { border-top: 5px solid #de6b54; z-index: 1000; position: relative; }
.nav a { display: flex; padding: 0.8em 0; background: #fff; transition: background 0.2s ease; }
.nav a:hover { background: #eaeaea; }

.nav a span.text { display: block; font-size: 16px; font-weight: 700; color: #000; }
.nav a span.text:hover { text-decoration: none; }
.nav a span.text span { display: block; font-size:12px; text-transform: uppercase; color: #de6b54; position: relative; bottom: 0; }
.nav a span.text.mobile { display: none; }

.nav a span.link-container { display: flex; width: 100%; border-right: 1px solid #ccc; }
.nav a span.link-container.last { border-right: 0; }
.nav a span.link-container span { align-items: center; margin-left: 0; margin-right: 0;  }

.nav span.link-container img { width: 100%; max-width: 100%; }

.nav .row.main { margin-right: 0 !important; margin-left: 0 !important; }

.nav.box-shadow {
    box-shadow: 0px 0px 8px 2px #ccc;
}

/**** Sticky ****/

.sticky {
  position:fixed;
  top:0;
}

@media screen and (max-width:909px) {
	.nav a span.text { font-size: 12px; }
	.nav a span.text span { font-size: 10px; }
}

@media screen and (max-width:767px) {
	.nav a.col-md-4 { flex: 0 0 33.333333% !important; max-width: 0 0 33.333333% !important; text-align: center; }
	.nav span.link-container img { height: 70px; width: auto; max-width: auto; }
	.nav span.link-container .row { margin-left: 0 !important; margin-right: 0 !important; }
}

@media screen and (max-width:614px) {
	.nav a span.text { font-size: 14px; line-height: 1.2em; margin-top: 0.5em; }
	.nav a span.text { display: none; }
	.nav a span.text.mobile { display: block; }
	.sticky {
  bottom:0;
  top: inherit;
  transition: position 0.2s ease;
}
}

@media screen and (max-width:530px) {
	.nav span.link-container img { height: 55px; }
	.nav a span.text { font-size: 12px; }
}

@media screen and (max-width:458px) {
	.nav span.link-container img { height: 40px; }
}

@media screen and (max-width:424px) {
	.nav a span.text { font-size: 10px; }
}

@media screen and (max-width:375px) {
	.nav span.link-container img { height: 30px; }
	.nav a span.text { font-size: 10px; }
}