/* ---------------------------------------------------------------------------------------------------- */
/* ----- konsens variables ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
:root {--dark-blue: #00437a;/*#1f497c*/ --middle-blue: #adc3d4; --light-blue: #d1dde7; --active: #9a8f7b;}


/* ---------------------------------------------------------------------------------------------------- */
/* ----- konsens page CSS ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
html, body {margin: 0; padding: 0; height:100%;}
body {font-family: 'Alegreya Sans', sans-serif; font-weight:300;}

h1 {font-size:44px; font-weight:300; color:#9a8f7b; padding:30px 0 10px 0}
h3 {font-size:28px; font-weight:300; color:#9a8f7b;}
h4 {font-size:28px; font-weight:500; color:#00437a;}
h5 {font-size:20px; color:#00437a;}

p {font-size:28px; color:#184379; line-height:1.10;}
td {font-size:24px; color:#184379; padding:8px 10px 8px 0; line-height:1.05;}
button:focus {outline: 0;}
a {color:var(--dark-blue);}
a:hover, a:focus {color:var(--active); text-decoration:none; outline: none;}
hr {background:#9a8f7b; height:1px; margin:25px 0 25px 0;}

.anchor {position:relative; top:-172px;}
.year {padding: 8px 25px 0 0; vertical-align:top;}
.col-lg-4, .col-md-5, .col-xs-12 {margin:0px; padding:0px;}
.col-lg-3, .col-md-4, .col-sm-6 {margin-bottom:0px; padding:0px;}
.mb-4 {margin-bottom:0px;}
.rows {background-color:#f2f0ee; margin: 0 3px 0 3px;}
.container {margin:0px; padding:0px 35px; background-color:#fff; max-width:1200px; margin: auto; min-height: 100%; height: auto !important; height: 100%; overflow: hidden !important;}
.cont-container {padding:172px 55px 0px 55px;}
.cont-table {margin:0 0 0 25px;}
.we-container {padding:172px 25px 0px 25px;}
/*.cont-flex {margin:172px 0px 0 0px; padding:0 0px 17px 0px; background-color:#f2f0ee; flex-grow: 1;}*/
.arrow {float:right; margin: 10px 35px 0 0;}
.e-adr {background-image: url(/img/e-adr-l.png); width:335px; height:24px; background-repeat: no-repeat;}
span {
  border: none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ------ Fonts --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* alegreya-sans-300 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/alegreya-sans-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Light'), local('AlegreyaSans-Light'),
       url('/fonts/alegreya-sans-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/alegreya-sans-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/alegreya-sans-v8-latin-300.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-300italic - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/alegreya-sans-v8-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Light Italic'), local('AlegreyaSans-LightItalic'),
       url('/fonts/alegreya-sans-v8-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/alegreya-sans-v8-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/alegreya-sans-v8-latin-300italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-regular - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/alegreya-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Regular'), local('AlegreyaSans-Regular'),
       url('/fonts/alegreya-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/alegreya-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/alegreya-sans-v8-latin-regular.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-italic - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/alegreya-sans-v8-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Italic'), local('AlegreyaSans-Italic'),
       url('/fonts/alegreya-sans-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/alegreya-sans-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/alegreya-sans-v8-latin-italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-500 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/alegreya-sans-v8-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Medium'), local('AlegreyaSans-Medium'),
       url('/fonts/alegreya-sans-v8-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/alegreya-sans-v8-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/alegreya-sans-v8-latin-500.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-500italic - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/alegreya-sans-v8-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Medium Italic'), local('AlegreyaSans-MediumItalic'),
       url('/fonts/alegreya-sans-v8-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/alegreya-sans-v8-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/alegreya-sans-v8-latin-500italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-700 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/alegreya-sans-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Bold'), local('AlegreyaSans-Bold'),
       url('/fonts/alegreya-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/alegreya-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/alegreya-sans-v8-latin-700.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}
/* alegreya-sans-700italic - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/alegreya-sans-v8-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Alegreya Sans Bold Italic'), local('AlegreyaSans-BoldItalic'),
       url('/fonts/alegreya-sans-v8-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/alegreya-sans-v8-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/fonts/alegreya-sans-v8-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/alegreya-sans-v8-latin-700italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}


/* ---------------------------------------------------------------------------------------------------- */
/* ------ Navigation ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.navbar {height:172px; margin:0px; padding:0px; width:100%; margin:auto;}
.navbar-brand {width:476px; height:172px; margin:0px; padding:0px; background-image: url(/img/logo-konsens-big.png);}
 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
        {.navbar-brand {background-image: url(/img/logo-konsens-big_x2.png); background-size: 476px 172px;}}
.navbar-nav {float: right; margin:4px 10px 0 0;}
.navbar-toggler-icon {margin: -36px 25px 0 0;}
.navbar-dark .navbar-toggler {border:none;}
.navbar-nav li.nav-item a.nav-link {color:var(--dark-blue); font-size:22px;}
.navbar-nav li.nav-item a.nav-link:hover,
.navbar-nav li.nav-item a.nav-link:focus {color:var(--active);}
.active {color:var(--active); text-decoration: underline; font-weight:500;}
.active-s {color:var(--active); text-decoration: none; font-weight:light;}


/* ---------------------------------------------------------------------------------------------------- */
/* ------ Content ------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.header {margin:0px; padding:0px; opacity: 0.90;}
.flex-col {display: flex; flex-direction: column; min-height: 100vh; padding-top:172px; background-color:#f2f0ee;}
.footer {position: fixed; bottom:0; margin-left:-40px; padding-left:0px; width:100%; max-width:1200px; height:50px; background-color: var(--dark-blue); z-index: 1002; opacity: 0.85;}
.footer2 {position: fixed; bottom:0; margin-left:-35px; padding-left:0px; width:100%; max-width:1200px; height:50px; background-color: var(--dark-blue); z-index: 1002;}
.footer-text {font-size:16px; color:white; float:right; padding:20px 48px 0 0;}
.footer-text-up {font-size:16px; color:white; float:right; padding:14px 14px 0 0;}
.footer-up {font-size:60px; color:white; float:right; padding:12px 32px 0 5px;}
.footer-left {font-size:60px; color:#184379; float:right; padding:12px 32px 0 5px;}


/* ---------------------------------------------------------------------------------------------------- */
/* ----- Circles -------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.rounded-circle {text-decoration:none;}
.rounded-color {border-radius: 50%;}
.project-hover {position: relative; overflow: hidden;}
.project-hover:hover .text-view {top: 50%; opacity: 1;}
.project-hover img {opacity:.25;}
.project-hover:hover img {opacity:.35;}
.project-hover .text-view h3 {color:var(--dark-blue); line-height: 1.0; margin-bottom: 0px; font-size: 28px; font-weight: bold;}
.project-hover .text-view h4 {color:var(--dark-blue); padding-top: 0.5em; margin-bottom: 0px; font-size: 18px; font-weight: bold;}
.project-hover .text-view p  {margin-bottom: 0px; font-weight: 300;}

.project-hover .text-view {
  width: 95%; position: absolute; top:50%; left: 50%; opacity: 0.40; font-weight: 600;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.project-hover .btn-view {
  width: 100%; position: absolute; top: 65%; left: 50%; opacity: 0.25;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


/* ---------------------------------------------------------------------------------------------------- */
/* ------ Carousel Control ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.carousel {padding:0px 64px 25px 64px;}
.carousel-control-next-icon, .carousel-control-prev-icon {color: var(--light-blue); width: 40px; height: 40px; text-align: center; opacity: 0.95;}
.carousel-control-next {position: absolute; bottom: 0; right:12px; width: 40px; opacity: 0.95;}
.carousel-control-prev {position: absolute; bottom: 0; left:12px; width: 40px; opacity: .95; /*border: 1px solid blue;*/ }
.carousel-control-next-icon, .carousel-control-prev-icon {background-image: ;}
.carousel-control-next-icon {background-image: url(/img/icon-next_line.png);}
.carousel-control-prev-icon {background-image: url(/img/icon-prev_line.png);}
.carousel-control-next-icon:hover, .carousel-control-prev-icon:hover {opacity: 1;}
.carousel-indicators {margin-left: 0px; width: 100%; /*background-color: var(--dark-blue);*/ bottom: -8px;}
.carousel-indicators li {background: var(--light-blue); height:5px; width:42px;}
.carousel-indicators li:hover {background: var(--middle-blue); cursor: pointer;}
.carousel-indicators li.active {background: var(--dark-blue);}
.carousel-projects {float:left; list-style:none; color:var(--middle-blue); font-weight:bold; margin:-10px 0 0 5px; padding-right:10px;}
.carousel-projects:hover {color:var(--dark-blue);}


/* ---------------------------------------------------------------------------------------------------- */
/* ------ Breakpoints --------------------------------------------------------------------------------- */
/* ------------------------------------------------- */ @media (max-width: 575px) and (min-width: 300px) {
  h1 {font-size:32px; color:#9a8f7b; padding:30px 0 10px 0}
  h3 {font-size:20px; color:#9a8f7b;}
  h4 {font-size:18px;}
  h5 {font-size:12px;}
  p {font-size:18px; color:#184379;}
  td, th {font-size:18px; padding: 10px 10px 8px 0;}
  hr {height:0.5px;}
  .anchor {position:relative; top:-122px;}
  .col-sm-6 {padding:0px 10px 0px 25px; margin-top:0px;}
  .navbar {height:122px; margin:0px; padding:0px 0px 0 0px;}
  .navbar-brand {margin-left:15px; width:228px; height:122px; background-image: url(/img/logo-konsens-small.png);}
   @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),
          only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2),
          only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
          {.navbar-brand {background-image: url(/img/logo-konsens-small_x2.png); background-size: 228px 122px;}}
  .navbar-toggler-icon {margin: -17px 0px 0 0;}
  .navbar-nav {float: left; padding:0 0 25px 155px; line-height:0.8;}
  .nav-link {font-size:18px}
  .container {padding:0 0px 0 0px;}
  .cont-container {padding: 122px 25px 0 25px;}
  .we-container {padding:122px 25px 0px 25px;}
  /*.close {min-width:calc(100% - 5px);}*/
  .footer, .footer2 {margin-left:-10px;}
  .footer a {font-size:14px;}
  .footer-text {color:white; float:right; padding:20px 25px 0 0;}
  .footer-up {font-size:58px; color:white; float:right; padding:12px 15px 0 5px;}
  .arrow {float:right; margin: 10px 18px 0 0;}
  /*.cont-container {margin-top:122px; padding:0 15px 0 15px;}*/
  /*.cont-flex {margin:122px 0 0 0; padding:0 20px 0 20px}*/
  .carousel {padding:0px 50px 20px 50px;margin-top:122px;}
  .carousel-control-next-icon, .carousel-control-prev-icon {color: var(--light-blue); width: 28px; height: 28px; text-align: center; opacity: 0.95;}
  .carousel-control-next {position: absolute; bottom: 0; right:12px; width: 30px; opacity: .95;}
  .carousel-control-prev {position: absolute; bottom: 0; left:12px; width: 30px; opacity: .95; /*border: 1px solid blue;*/ }
  .carousel-indicators {margin-top: -20px; padding:0 45px; width: 100%; /*background-color: var(--dark-blue);*/ bottom: -8px;}
  .text-slider-right a {font-size: 10px; padding-top:12px;}
  .text-slider-dist {padding: 0 10px 0 0;}
  .page-element {display: none;}
  .cont-table {margin:25px 0 0 0;}
  .e-adr {background-image: url(/img/e-adr-xs.png); width:251px; height:19px;}
  
}


/* ---------------------------------------------------------------------------------------------------- */
/* ------ Small devices (Smartphones, 576px and up) --------------------------------------------------- */
/* --------------------------------------------------*/ @media (max-width: 767px) and (min-width: 576px) {
  h1 {font-size:32px; color:#9a8f7b; padding:30px 0 10px 0}
  h3 {font-size:22px; color:#9a8f7b;}
  h4 {font-size:20px;}
  h5 {font-size:14px;}
  p {font-size:20px; color:#184379;}
  td {font-size:20px;}
  hr {height:0.5px;}
  .anchor {position:relative; top:-153px;}
  .navbar {height:153px; margin: 0px; padding: 0px 35px;}
  .navbar-brand {width:400px; height:153px; background-image: url(/img/logo-konsens-medium.png);}
   @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),
          only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2),
          only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
          {.navbar-brand {background-image: url(/img/logo-konsens-medium_x2.png); background-size: 400px 153px;}}
  .navbar-toggler-icon {margin: -32px 0 0 0;}
  .navbar-nav {float: left; padding:0 0 15px 245px; line-height:1.0;}
  .carousel {margin-top:-19px; padding:0px 60px 24px 60px;}
  .carousel-control-next {position: absolute; bottom: 0; right:10px; width: 40px; opacity: .95;}
  .carousel-control-prev {position: absolute; bottom: 0; left:10px; width: 40px; opacity: .95; /*border: 1px solid blue;*/ }
  .cont-flex {margin:0px 15px 0 15px;}
  .we-container {padding:153px 25px 0px 25px;}
  .text-slider-right a {font-size: 14px; padding-top:12px;}
  .text-slider-dist {padding: 0 10px 0 0;}
  .cont-table {margin:25px 0 0 0;}
  .e-adr {background-image: url(/img/e-adr-s.png); width:278px; height:20px;}
  
}


/* ---------------------------------------------------------------------------------------------------- */
/* ------ Medium devices (tablets, 768px and up) ------------------------------------------------------ */
/* ------------------------------------------------- */ @media (max-width: 991px) and (min-width: 768px) { 
  h1 {font-size:36px; color:#9a8f7b; padding:30px 0 10px 0}
  h3 {font-size:24px; color:#9a8f7b;}
  h4 {font-size:22px;}
  h5 {font-size:16px;}
  p {font-size:22px; color:#184379;}
  td {font-size:22px;}
  hr {height:0.75px;}
  .anchor {position:relative; top:-153px;}
  .we-container {padding:153px 25px 0px 25px;}
  .navbar {height:153px; margin: 0px; padding: 0px 35px;}
  .navbar-brand {width:400px; height:153px; background-image: url(/img/logo-konsens-medium.png);}
   @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),
          only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2),
          only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
          {.navbar-brand {background-image: url(/img/logo-konsens-medium_x2.png); background-size: 400px 153px;}}
  .navbar-nav {float: left; margin:0px; padding:0 0 25px 245px; line-height:1.0;}
  .carousel {margin-top:-19px; padding:0px 60px 24px 60px;}
  .carousel-control-next {position: absolute; bottom: 0; right:10px; width: 40px; opacity: .95;}
  .carousel-control-prev {position: absolute; bottom: 0; left:10px; width: 40px; opacity: .95; /*border: 1px solid blue;*/ }
  .project-hover .text-view h3 {color:var(--dark-blue); line-height: 1.0; margin-bottom: 0px; font-size: calc(24px + (28 - 24) * ((100vw - 400px) / (1600 - 200))); font-weight: bold;}
  .project-hover .text-view h4 {color:var(--dark-blue); padding-top: 0.5em; margin-bottom: 0px; font-size: calc(14px + (18 - 14) * ((100vw -400px) / (1600 - 200))); font-weight: bold;}
  .project-hover .text-view p  {margin-bottom: 0px; font-weight: 300;}
  .e-adr {background-image: url(/img/e-adr-m.png); width:306px; height:22px;}
}


/* ---------------------------------------------------------------------------------------------------- */
/* ------ Large devices (laptops, 992px and up) ------------------------------------------------------- */
/* ------------------------------------------------ */ @media (min-width: 992px) and (max-width: 1199px) { 
  body {background-color:white;}
  h4 {font-size:24px;}
  h5 {font-size:18px;}
  p {font-size:24px; color:#184379;}
  td {font-size:24px;}
  .anchor {position:relative; top:-172px;}
  .navbar {height:172px; margin:0px; padding:0px;}
  /*.navbar-brand {width:476px; height:172px; margin: 0px 0 0 25px; background-image: url(/img/logo-konsens-big.png); z-index:999;} */
  .project-hover .text-view h3 {color:var(--dark-blue); line-height: 1.0; margin-bottom: 0px; font-size: calc(24px + (28 - 24) * ((100vw - 800px) / (1600 - 800))); font-weight: bold;}
  .project-hover .text-view h4 {color:var(--dark-blue); padding-top: 0.5em; margin-bottom: 0px; font-size: calc(14px + (18 - 14) * ((100vw - 800px) / (1600 - 800))); font-weight: bold;}
  .project-hover .text-view p  {margin-bottom: 0px; font-weight: 300;}
  
}


/* ---------------------------------------------------------------------------------------------------- */
/* ------ Extra large devices (large desktops, 1200px and up) ----------------------------------------- */
/* ------------------------------------------------------------------------*/ @media (min-width: 1200px) {  
	 body {background-color:#ababab;}
   h4 {font-size:24px;}
   h5 {font-size:20px;}
   p {font-size:24px; color:#184379;}
   td {font-size:24px;}
  .anchor {position:relative; top:-172px;}
  .navbar {height:172px; width:100%; margin:0px; padding:0px;}
  .project-hover .text-view h3 {color:var(--dark-blue); line-height: 1.0; margin-bottom: 0px; font-size: calc(24px + (28 - 24) * ((100vw - 800px) / (1600 - 800))); font-weight: bold;}
  .project-hover .text-view h4 {color:var(--dark-blue); padding-top: 0.5em; margin-bottom: 0px; font-size: calc(14px + (18 - 14) * ((100vw - 800px) / (1600 - 800))); font-weight: bold;}
  .project-hover .text-view p  {margin-bottom: 0px; font-weight: 300;}
  
}