@font-face{font-family:"UniversusSans";font-style:normal;font-weight:400;src:url('/fonts/UniversusSans-Regular.woff2') format('woff2'),url('/fonts/UniversusSans-Regular.woff') format('woff'),url('UniversusSans-Regular.ttf') format('truetype');font-display:swap;}
@font-face{font-family:"UniversusSans";font-style:normal;font-weight:500;src:url("/fonts/UniversusSans-Medium.woff2") format("woff2"),url('/fonts/UniversusSans-Medium.woff') format('woff'),url('UniversusSans-Medium.ttf') format('truetype');font-display:swap;}
@font-face{font-family:"UniversusSans";font-style:normal;font-weight:700;src:url("/fonts/UniversusSans-Bold.woff2") format("woff2"),url('/fonts/UniversusSans-Bold.woff') format('woff'),url('UniversusSans-Bold.ttf') format('truetype');font-display:swap;}

body {
	margin:0;
	font-family:"UniversusSans", sans-serif;
	font-weight:400;
	color:#231f20;
	background-color:#fff;
	font-size:clamp(12px,.9375vw,18px);
	letter-spacing: 0.01em;
/*	font-size: 14px;*/
	line-height:1.4em;
	letter-spacing:-0.01em;
	overflow-y:scroll;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-ms-content-zooming:none;
	-webkit-text-size-adjust:none;
}

a.navbar-brand{
	font-size: clamp(12px,1.35vw,26px);
    text-align: center;
    line-height: 1.5;
    padding-top:1%;

}
a.navbar-brand p{
	font-size:clamp(12px,.729vw,14px);
   line-height: .4;
}
.navbar-toggler{margin-right:1.5%;}
.nav-link{font-size:clamp(12px,2vw,24px);line-height:1.2;}

.wrapper.container-fluid{
	padding:2%;
}
 .wrapper.container-fluid .modules_home > div {
	border:6px solid transparent;

}
.module-fields p::before {
    content: 'Categories — ';
    display: inline;
}

.module-title {
    padding-top:4%;
    padding-bottom:1.1%;
}
a,
a:focus,
a:active {
	color: #000;
}

.module-title h2{font-size:clamp(12px,4vw,40px);}

.modules_home .ratio-16x9 button:after{
    -webkit-transition: background-color 0.2s ease, opacity 0.2s ease;
    -moz-transition: background-color 0.2s ease, opacity 0.2s ease;
    transition: background-color 0.2s ease, opacity 0.2s ease;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color:transparent;
    opacity:0;
}
.modules_home .ratio-16x9:hover button:after{
	background-color:#000;
	opacity:.9;
}
.modules_home .ratio-16x9 h2{
	opacity:0;
	 -webkit-transition:opacity 0.2s ease;
    -moz-transition:opacity 0.2s ease;
    transition:opacity 0.2s ease;
    font-size:clamp(12px,2vw,28px);
}
.modules_home .ratio-16x9:hover h2{
	opacity:1;
}

img.preview.img-fluid {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* fade image in after load */
.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}

.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler-icon {width: 1.4em;}

.modules .caption {
	padding: 2% 0 0 2%;
	font-size: 1.25em;
}
.modules p {
	padding: 1% 0;
    margin-bottom: 0
}
.modules p ~ .container, .modules p ~ .container-fluid{
	padding-top: 3%;
}
.modules .container .title {
    font-size:clamp(12px,1.35vw,26px);
    padding-top: 4%;
}
.module-field{
	color: #747474;
    font-size: 12px;
}
.modules .textBlock {
	font-size:clamp(12px,1.799vw,18px);
    padding: 0 14% 0;
    line-height: 1.5;
}
.modules .textBlock .sub-title {
    font-weight:700;
    font-size:clamp(12px,2vw,20px);
}

.module-fields,
.module-description,
.module-title,
.module-text {
	padding-left: 0;
}


footer p,
footer a {
	padding: 1% 0 1.4%;
	font-size:clamp(12px,.729vw,14px);

}
footer .bg_darker{background:#2f2f2f;}

footer span {
	padding: 0 1%;
}
.container-fluid.project, .container.project{
	max-width:1920px;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height:0;
	overflow: hidden;
	max-width: 100%;
	background:#000;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
button.btn-close {
    padding:10px 10px 20px 20px;
    background-position:right 20%;
}
@media (max-width:767px){
	a.navbar-brand{padding-top:2%;font-size:clamp(12px,4.87vw,18px);}
	a.navbar-brand p{font-size:12px;}
	a.navbar-brand img{width: 19%;}
	.nav-link{font-size:clamp(12px,5.13vw,20px);}
	.module-title h2{font-size:clamp(12px,5.64vw,22px);}
	.module-title .textBlock, .modules .textBlock .caption{font-size:clamp(12px,4.1025vw,16px);padding:0;}
	.modules .textBlock{padding:0 4%;font-size:clamp(12px,4.1025vw,16px);}
	footer a{padding-bottom: 1.5%;}

}