@font-face {
  font-family: 'ms-regular';
  src: url('/fonts/Montserrat-Regular.woff') format('woff2'),
       url('/fonts/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

* {
	box-sizing: border-box;
}

body {
  font-family: 'ms-regular', Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #242528;
  background-color: #fff;
font-size: min(25px, calc(0.7824726135vw + 13.7323943662px));
line-height: min(35px, calc(1.0954616588vw + 19.2253521127px));
}

p {
	margin-top: 0;
}

header {
	margin: 0;
	padding: 0;
}

.headerInner {
	position: fixed;
top: 0;
left: 0;
width: 100%;
height: min(107px, calc(3.3489827856vw + 58.7746478873px));
  display: flex;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 0 min(40px, calc(1.2519561815vw + 21.9718309859px));
  /*border-bottom: 1px solid #ccc;*/
  transition: height 200ms ease;
}

html.scrolled-top .headerInner {

}

.col-flex-2 {
	display:flex;
	justify-content: space-between;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-1 {
	margin-bottom: 10px;
}

.gap {
	margin-top: min(107px, calc(3.3489827856vw + 58.7746478873px));
}

section div {
	/*margin-left: auto;
	margin-right: auto;*/
	/*max-width: 1440px;*/
}

.logo {
  font-weight: bold;
}

.small {
	font-size: min(18px, calc(0.5633802817vw + 9.8873239437px));
	line-height: 1.33;
}

ul, ol {
	padding-left: 1.5em;
}

h1 {
	hyphens: auto;
	font-weight: 300;
  font-size: min(60px, calc(2.3474178404vw + 26.1971830986px));
  line-height: min(75px, calc(3.0985915493vw + 30.3802816901px));
}

h2 {
	margin-top: 0;
	font-size: min(50px, calc(1.5649452269vw + 27.4647887324px));
	line-height: 1;
	font-weight: 300;
}

h3 {
	font-size: min(28px, calc(0.8763693271vw + 15.3802816901px));
	font-weight: 300;
	margin-bottom: min(30px, calc(0.9389671362vw + 16.4788732394px));
}

nav ul {
  list-style: none;
  display: flex;
  gap: 33px;
  
  @media (max-width: 460px) {
    gap: 20px;
  }
}

nav a {
  text-decoration: none;
  color: #111;
}

.max-width-1060 {
	max-width:1060px;
}

.mission, .mission div {
	display: flex;
  text-align: center;
  padding: 0;
  align-items: center;
}

.mission .col1 {
	display: flex;
	flex-direction: column;
	
	width: 55%;
}

.mission .col2 {
	width: 45%;
}

.mission .col2 img {
	width: 100%;
	height: min(712px, calc(22.2848200313vw + 391.0985915493px));
	object-fit: cover;
}

@media (max-width: 767px) {
	.mission, .mission div {
	  flex-direction: column-reverse;
	}

  .mission .col1 {
	width: 100%;
  }

  .mission .col2 {
	width: 100%;
  }
}

.mission h1 {
  font-size: min(60px, calc(2.3474178404vw + 26.1971830986px));
  line-height: min(75px, calc(3.0985915493vw + 30.3802816901px));
  margin-bottom: min(100px, calc(6.2597809077vw + 9.8591549296px));
}

@media (max-width: 767px) {
  .mission h1 {
    
  }	
}


.values,
.echopark,
.team,
.only-text {
  padding: min(130px, calc(9.3896713615vw - 5.2112676056px)) calc(15.0234741784vw - 26.338028169px);
  margin: auto;
}

.echopark,
.team {
	padding-top:0;
	/*padding-top: min(60px, calc(4.2253521127vw - 0.8450704225px));*/
}

.values {
	/*padding-top: min(60px, calc(4.2253521127vw - 0.8450704225px));*/
}

.values h2,
.echopark h2,
.team h2 {
  margin-bottom: min(40px, calc(1.2519561815vw + 21.9718309859px));
}

.echopark img {
  width: 100%;
  height: auto;
  margin-top: 0;
}

.mb-5 {
	margin-bottom: min(130px, calc(9.3896713615vw - 5.2112676056px));
}

.lh-2 {
	line-height: 2;
}

.team-members {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  
	@media (max-width: 1024px) {
	  flex-direction: column;
	}
}

.member {
	display: flex;
	flex-wrap: wrap;
  flex: 1;
  text-align: left;
  
	@media (max-width: 1024px) {
	  justify-content: center!important;
	  
	  &:first-child {
	    margin-bottom: 30px;
	  }
	}
}

.member.right {
	justify-content: flex-end;
}

.member >div {
  width: fit-content;
}

.member img {
  width: calc(13.3020344288vw + 233.4507042254px);
  height: calc(16.9640062598vw + 297.7183098592px);
  object-fit: cover;
  
  @media (max-width: 500px) {
    width: 100%;
  }
}

.very-small {
  font-size: min(14px, calc(0.1877934272vw + 11.2957746479px));
  line-height: min(21px, calc(0.2816901408vw + 16.9436619718px));
}

.menu a.active {
	text-decoration: underline;
	text-decoration-color: #999999;
	
}

a.extern, a.mailto {
	position:relative;
	color:#242528;
  font-size: min(14px, calc(0.1877934272vw + 11.2957746479px));
  line-height: min(21px, calc(0.2816901408vw + 16.9436619718px));
  text-decoration-color: #999999;  
}

a.extern:after {
	position:absolute;
	display:block;
	content:'';
	top:50%;
	right:-15px;
	transform: translateY(-50%);
	margin-top:1px;
	height:min(14px, calc(0.1877934272vw + 11.2957746479px));
	width:9px;
	background-image: url('/img/link-extern.svg');
	background-size: 9px 9px; 
	background-repeat: no-repeat;
	background-position: center;
}

footer {
  background-color: #000000;
  color: #fff;
  padding-top: min(30px, calc(0.9389671362vw + 16.4788732394px));
  padding-right: calc(15.0234741784vw - 26.338028169px);
  padding-bottom: min(30px, calc(0.9389671362vw + 16.4788732394px));
   padding-left: calc(15.0234741784vw - 26.338028169px);  
  text-align: left;
}

footer ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  
  @media (max-width: 450px) {
    flex-direction: column;
  }
}

footer a {
  color: #fff;
  text-decoration: underline;
  font-size: min(14px, calc(0.1877934272vw + 11.2957746479px));
  line-height: min(21px, calc(0.2816901408vw + 16.9436619718px));
}

footer p {
  color: #fff;
  font-size: min(14px, calc(0.1877934272vw + 11.2957746479px));
  line-height: min(21px, calc(0.2816901408vw + 16.9436619718px));
}

footer .col3 {
  display: flex;
  flex-direction: column;
}

.dark {
	color: #707070!important;
}

.mail {
	text-decoration: none;
}

/*
headerHeight: css-min(107px, calc(3.3489827856vw + 58.7746478873px));

fontSize: css-min(25px, calc(0.7824726135vw + 13.7323943662px));
lineHeight: css-min(35px, calc(1.0954616588vw + 19.2253521127px));

fontSizeSmall: css-min(18px, calc(0.5633802817vw + 9.8873239437px));

fontSizeFooter: css-min(14px, calc(0.1877934272vw + 11.2957746479px));
lineHeightFooter: css-min(21px, calc(0.2816901408vw + 16.9436619718px));
marginBottom: css-min(40px, calc(1.2519561815vw + 21.9718309859px));
h1: css-min(60px, calc(2.3474178404vw + 26.1971830986px));
h1LineHeight: css-min(75px, calc(3.0985915493vw + 30.3802816901px));
h2: css-min(50px, calc(1.5649452269vw + 27.4647887324px));
h3: css-min(28px, calc(0.8763693271vw + 15.3802816901px));

missionImg: css-min(712px, calc(22.2848200313vw + 391.0985915493px));
missionH1Bottom: css-min(100px, calc(6.2597809077vw + 9.8591549296px));
marginBottomSmall: css-min(30px, calc(0.9389671362vw + 16.4788732394px));

paddingStandardTP: css-min(130px, calc(9.3896713615vw - 5.2112676056px));
paddingStandardHalfTP: css-min(60px, calc(4.2253521127vw - 0.8450704225px));
paddingStandardLR: css-min(190px, calc(15.0234741784vw - 26.338028169px));
paddingTP: css-min(30px, calc(0.9389671362vw + 16.4788732394px));
paddingLR: css-min(40px, calc(1.2519561815vw + 21.9718309859px));

logoWidth: css-min(111px, calc(2.9778672032vw + 68.1187122736px));
logoHeight: css-min(47px, calc(1.2608987257vw + 28.8430583501px));

profileImgHeight: calc(13.3020344288vw + 233.4507042254px);
profileImgHeight: calc(16.9640062598vw + 297.7183098592px);
*/

#logo {
  width: min(111px, calc(2.9778672032vw + 68.1187122736px));
  height: min(47px, calc(1.2608987257vw + 28.8430583501px));
}