@font-face {
    font-family: 'Univers';
    src: url('font/UNP-Italic.woff2') format('woff2'),
        url('font/UNP-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Univers';
    src: url('font/UNP-Regular.woff2') format('woff2'),
        url('font/UNP-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
    display:none;
}

main{
	margin-top:24px;
    margin-bottom:315px;
}

@media only screen and (min-width: 992px) {
    .row{
        width:100%;
    }
}


/*  -- images --  */

.imgcontent img{
	margin-bottom:24px;
    width:100%;
    height:auto;
}



/*  -- typography --  */

h4{
	margin-bottom:1.7rem;
	font-weight:300;
	font-family: 'Univers', helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.4;
    hanging-punctuation: first last;
}

@media only screen and (max-width: 500px) {
    h4 {
        	font-size:0.8rem;
    }
}

@media only screen and (min-width: 500px) {
    h4 {
        	font-size:0.9rem;
    }
}

@media only screen and (min-width: 1150px) {
    h4 {
        	font-size:1.1rem;
    }
}

@media only screen and (min-width: 1600px) {
    h4 {
        	font-size:1.25rem;
    }
}

@media only screen and (min-width: 2000px) {
    h4 {
        	font-size:1.4rem;
    }
}

.hang{
    text-indent: -0.3em;
}

@media only screen and (max-width: 992px) {
.hang{
    text-indent: -1.2px;
}

}


.textcontent a{
    color:#000;
    text-decoration:none;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.textcontent a:hover{
    opacity:0.3;
}


.thispage{
    opacity:0.3;
}

.clients ul{
    padding-left:0px;
}

.clientlist ul{
    padding-left:0px;
}

/*  -- navbar --  */


.navcontain{
   z-index:100;
   position:fixed;
}

.undernav{
    display:none;
}

.rotate{
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

@media only screen and (min-width: 992px) {

        .navcontain{
            height:100vh;
            width: fit-content;
        }

        .navigation ul{
        	padding-left:24px;
        	margin-bottom:25px;
        }

        .navigation a{
        	color:#000;
        	text-decoration:none;
        	-webkit-transition: opacity 0.4s;
            transition: opacity 0.4s;
        }

        .navigation a:hover{
        	opacity:0.3;
        }

        .navigation{
         	opacity:0;
            -webkit-transition: opacity 1.5s, background 1.5s;
            transition: opacity 1.5s, background 1.5s;
            height:100%;
            margin-right: 50px;
        }

        body.loaded .navcontain:hover .navigation{
            opacity:1;
            background-color:#fff;
        }

        .undernav{
        	z-index:90;
        	position:fixed;
        }

        .undernav ul{
        	padding-left:24px;
        	margin-bottom:25px;
        }

        .closemnav, .openmnav{
            display:none;
        }

}

@media only screen and (max-width: 991px) {
        main{
            margin-left:24px;
            margin-right:24px;
        }

        .navcontain{
            top: 0px;
            padding-top: 24px;
            margin-top: 24px;
            height: calc(100vh - 48px);
            width: calc(100vw - 48px);
            background: rgba(247,247,245, 0.9);

        }

        .navigation a{
            color:#000;
            text-decoration:none;
        }

        .navigation ul{
            padding-left:24px;
        }

        .openmnav {
            -webkit-transition: all 1s ease;
            transition: all 1s ease;
            z-index:150;
            position:fixed;
            top:48px;
            right: 48px;
            height: 25px;
            width: 25px;
        }

        .navcontain{
            display:none;
        }

        button, button:focus{
            border-width:0px;
            background-color:transparent;
            outline:none;
            padding:0px;
        }

        .rotate {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

}


/*  -- homepage --  */


.backgroundimg{
	position:fixed;
	top:0;
	left:0;
	z-index:-100;
	height:100%;
	width:100%;
	background: url(img/bg.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
    display:none;
}

.homepage .undernav{
    margin-top:24px;
}

.homepage main{
    margin-top:0px;
    margin-bottom:0px;
}

@media only screen and (min-width: 992px) {
        .homepage .thispage{
            opacity:100%;
        }

        .homepage .navigation{
            padding-top:24px;
            padding-right:50px;
        }

        .homepage.loaded .navcontain:hover .navigation {
            background:rgba(255,255,255, 0);  
        }

}




@media only screen and (max-width: 991px) {
        .backgroundimg {
            background: url(img/bg.jpg) no-repeat left top fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
}
}




/*  -- fade animations --  */

.fadeimg {
  opacity: 0;
  transform: translate(0, 40px); 
  transition: all 4s;
}

.fadeimg.visible { 
  opacity: 1;
  transform: translate(0, 0); 
}

.topfadeimg {
  opacity: 0;
  transition: all 4s;
}

.topfadeimg.visible { 
  opacity: 1;
}

.fadetext {
  opacity: 0;
  transform: translate(0, 40px); 
  transition: all 2s;
}

.fadetext.visible { 
  opacity: 1;
  transform: translate(0, 0); 
}

.fadejusttext {
  opacity: 0;
  transition: all 4s;
}

.fadejusttext.visible { 
  opacity: 1;
}

/*  -- videos --  */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*  -- about page --  */

@media only screen and (max-width: 991px) {
.about .firstpara{
    margin-top:6rem;
}
}