/**************************************/
/*                                    */
/*     responsive                     */
/*                                    */
/**************************************/

/*-- 1401+ start --*/
@media screen and (min-width: 1301px)
{
	body
	{
	font-size: 18px;
	}

	section .container, header .container, footer .container
	{
	max-width: 1300px;
	}

}
/*-- 1401+ end --*/


/*-- 1201-1400 start --*/
@media screen and (max-width: 1300px)
{
	body
	{
	font-size: 16px;
	}

	section .container, header .container, footer .container
	{
	width: 100%;
	}

	section.splash.static .abovetheline .box.imagebox
	{
	height: calc((100vw - (var(--spacing) * 2)) * 0.4);
	}

	body.home.eie section.splash .abovetheline .box.imagebox
	{
	height: calc((100vw - (var(--spacing) * 2)) * 0.4);
	max-height: calc(100vh - var(--menu-height-eie));
	}

}
/*-- 1201-1400 end --*/


/*-- 1001-1200 start --*/
@media screen and (max-width: 1200px)
{
	:root 
	{
	--spacing: 30px;
	--menu-height: 240px;
	--menu-height-eie: 190px;
	--logo-head-width: 97px;
	--font-size-ultra: 2rem;
	--font-size-extra: 1.8rem;
	--font-size-xlarge: 1.4rem;
	--font-size-large: 1.2rem;
	--font-size-medium: 1.1rem;
	--font-size-bigger: 1.05rem;
	--font-size-normal: 1rem;
	--font-size-small: 0.8rem;
	--font-size-xsmall: 0.75rem;
	--font-size-tags: 0.65rem;
	}

	body
	{

	}

	section .container, header .container, footer .container
	{

	}

	section.splash .abovetheline .box
	{
	/* padding-top: calc(var(--spacing)* 1.5); */
	/* padding-left: calc(var(--spacing)* 1.5); */
	/* padding-right: calc(var(--spacing)* 2); */
	}

	section.splash .belowtheline .box
	{
	/* padding-left: calc(var(--spacing)* 1.5); */
	/* padding-bottom: calc(var(--spacing)* 1.5); */
	/* padding-right: calc(var(--spacing)* 2); */
	}

	section.splash .cta 
	{
	/* bottom: calc(var(--spacing)* 1.5); */
	}

	header div.bg
	{
	height: 105px;
	}

	section.list.peoplelist article .box.textbox .content .marker
	{
	width: 100%;
	margin-right: 0px;
	}

	section.list.eventslist article .rightcolumn
	{
	height: 250px;
	}

	section.list.newslist article .leftcolumn
	{
	width: 22%;
	}

	section.list.newslist article .midcolumn
	{
	width: 45%;
	}

	section.list.newslist article .box.imagebox 
	{
	width: 33%;
	max-height: 250px;
	float: none;
	position: absolute;
	margin-top: 0px;
	}

	section.nodes .main .node .shape .title
	{
	font-size: var(--font-size-normal);
	}

	section.directions.nodes.dir3 .main .direction .square, section.directions.nodes.dir4 .main .direction .square, section.directions.nodes.dir5 .main .direction .square
	{
	width: 180px;
	height: 160px;
	}

}
/*-- 1001-1200 end --*/



/*-- 768-1000 start --*/
@media screen and (max-width: 1000px)
{

	:root 
	{
	--spacing: 25px;
	--menu-height: 240px;
	--font-size-ultra: 1.8rem;
	--font-size-extra: 1.6rem;
	--font-size-xlarge: 1.4rem;
	--font-size-large: 1.2rem;
	--font-size-medium: 1.1rem;
	--font-size-bigger: 1.05rem;
	--font-size-normal: 1rem;
	--font-size-small: 0.8rem;
	--font-size-xsmall: 0.75rem;
	--font-size-tags: 0.65rem;
	}

	body
	{
	font-size: 15px;
	line-height: 1.4;
	}

	section hgroup p
	{
	width: 75%;
	}

	footer .menus
	{
	column-count: 2;
	/* text-align: center; */
	}

	footer .menus li
	{
	padding-top: 0.5em;
	}

	footer .menus li:last-of-type
	{
	padding-bottom: calc(var(--spacing) * 1.5);
	}

	section.books article
	{
	margin-bottom: calc(var(--spacing)* 2);
	}

	section.books article:last-of-type
	{
	margin-bottom: calc(var(--spacing)* 0);
	}

	section.sectors .main .sector .circle
	{
	width: 195px;
	height: 195px;
	}

	section.sectors .main .sector .circle .title
	{
	font-size: var(--font-size-bigger);
	line-height: 1.3;
	}

	section.nodes .main .node .shape .title
	{
	font-size: var(--font-size-small);
	}

	section.directions.dir3 .main .direction .square
	{
	width: 200px;
	height: 200px;
	}

	section.directions.dir4 .main .direction .square
	{
	width: 160px;
	height: 160px;
	}

	section.directions.dir5 .main .direction .square
	{
	width: 130px;
	height: 130px;
	}

	section.directions.dir3 .main .direction .programs
	{
    margin-top: -220px;
	}

	section.directions.dir4 .main .direction .programs
	{
    margin-top: -180px;
	}

	section.directions.dir5 .main .direction .programs
	{
    margin-top: -150px;
	}

	section.directions .main .direction .square .title
	{
	font-size: var(--font-size-bigger);
	line-height: 1.3;
	}

	section.directions.dir5 .main .direction .square .title
	{
	font-size: var(--font-size-small);
	}

	section.directions .main .direction .programs
	{
	margin-top: -195px;
	}

	section.directions.dir3 .main.boxes
	{
	min-height: 220px;
	}

	section.directions.dir4 .main.boxes
	{
	min-height: 220px;
	}

	section.directions.dir5 .main.boxes
	{
	min-height: 220px;
	}

	section.directions.nodes.dir3 .main .direction .square, section.directions.nodes.dir4 .main .direction .square, section.directions.nodes.dir5 .main .direction .square
	{
	width: 140px;
	height: 120px;
	}

	section.list article .box.imagebox
	{
	position: relative;
	float: right;
	width: calc(var(--spacing) * 4 * 1.4);
	height: calc(var(--spacing) * 3 * 1.4);
	margin-left: calc(var(--spacing) * 0.5);
	margin-bottom: calc(var(--spacing) * 0.5);
	margin-top: 3em;
	}

	section.list article .marker
	{
	width: 100%;
	position: relative;
	margin-bottom: 1em;
	top: 0px;
	left: 0px;
	display: inline;
	}

	section.list.jobslist article .marker:has(+.marker)
	{
	top: 0px;
	left: 0px;
	}

	section.list article .box.textbox
	{
	width: 100%;
	}

	section.list.jobslist article .box.textbox h1 
	{
	padding-top: 0.9em;
	}

	section.list article .box.textbox .title
	{
	padding-left: 0px;
	}

	section.list article .marker .date
	{
	display: inline-block;
	margin-left: 0px;
	padding-left: 0px;
	}

	section.list article .box.textbox .dateplace
	{
	padding-left: 0px;
	margin-left: 0px;
	}

	section.list article .box.textbox .content
	{
	padding-left: 0px;
	}

	section.list article .box.textbox .bottom
	{
	padding-left: 0px;
	}

	section.list .filters
	{
	padding-left: 1em;
	}

	section.list .filters .label
	{
	max-width: 6em;
	}

	section.list .filters button.morefilters
	{
	float: none;
	padding-left: 0px;
	margin-top: 1em;
	}

	section.list .header
	{
	display: none;
	}

	section.list.newslist article .leftcolumn
	{
	width: 100%;
	}

	section.list.newslist article .midcolumn
	{
	width: 65%;
	padding-top: 1.2em;
	}

	section.list.newslist article .box.imagebox 
	{
	width: 35%;
	max-height: 250px;
	}

	section.list.newslist article .marker .dot
	{
    position: relative;
    margin-left: 0.25em;
	top: -0.1em;
	}

	section.list.newslist article .marker .dot:has(+.dot)
	{
	top: -0.1em;
	margin-right: 0.5em;
	}

	section.list.newslist article .marker .date
	{
	width: auto;
	padding-left: 1em;
	}

	section.list.newslist article .marker .category
	{
	width: auto;
	padding-left: 1em;
	}

	section.list.newslist article .marker .bullet
	{
	display: inline-block;
	margin-top: 0.8em;
	}

	section.list.eventslist article .rightcolumn
	{
	height: 200px;
	}

	section.list.eventslist article .marker
	{
	/* width: 75%; */
	/* width: calc(100% - (var(--spacing)* 4 * 1.4) - var(--spacing)); */
	}

	section.list.eventslist article .box.textbox .title
	{
	/* padding-left: 0px; */
	}

	section.list.eventslist article .box.textbox .content
	{
	overflow: hidden;
	}

	section.list.eventslist article .box.textbox .bottom
	{
	/* padding-left: 0px; */
	}

	section.list.eventslist article .box.imagebox
	{
	margin-top: 0px;
	}

	section.list.presslist article .marker
	{
	width: auto;
	padding-right: 0px;
	margin-right: 0.2em;
	}

	section.list.presslist article .marker:has(+.marker)
	{
	top: 0px;
	}

	section.list.presslist article .box.textbox
	{
	margin-left: 0px;
	}

	section.list.jobslist article .box.textbox
	{
	width: calc(75% - var(--spacing));
	}

	section.list.jobslist article .box.imagebox
	{
	width: 25%;
	font-size: var(--font-size-tags);
	padding: 0px;
	padding-top: 1.8em;
	}

	section.news article .marker
	{
	width: 100%;
	margin-left: 0px;
	text-align: right;
	}

	section.subjects article .box.textbox h1
	{
	font-size: var(--font-size-normal);
	}

	a.arrow
	{
	font-size: var(--font-size-normal);
	}

	section.list.peoplelist article .marker
	{
	position: absolute;
	}

	section.list.peoplelist article .box.imagebox
	{
	position: absolute;
	margin-top: 0px;
	}

	section.list.projectslist article 
	{
    width: calc((100% - (var(--spacing)* 2)) / 2);
	}

	section.list.projectslist article:nth-of-type(2n+1)
	{
	margin-right: calc(var(--spacing) * 2);
	}

	section.list.projectslist article:nth-of-type(2n)
	{
	margin-right: 0px;
	}

	section.list.projectslist article .marker .date 
	{
	padding-left: 0.7em;
	}

	section.list article .marker .status 
	{
    display: inline-block;
    margin-left: calc(var(--font-size-tags)* 1);
	}

	footer .newsletter > *
	{
	width: 75%;
	}

}
/*-- 768-1000 end --*/



/*-- 651-767 start --*/
@media screen and (max-width: 767px)
{

	:root 
	{
	--spacing: 25px;
	--menu-height: 80px;
	--menu-height-eie: 80px;
	--font-size-ultra: 1.6rem;
	--font-size-extra: 1.6rem;
	--font-size-xlarge: 1.2rem;
	--font-size-large: 1.2rem;
	--font-size-medium: 1.1rem;
	--font-size-bigger: 1.05rem;
	--font-size-normal: 1rem;
	--font-size-small: 0.8rem;
	--font-size-xsmall: 0.75rem;
	--font-size-tags: 0.65rem;
	}
	
	body
	{
	font-size: 14px;
	}

	a.marker
	{
	padding-left: 2em;
	}

	a.marker::before
	{
	width: 1.5em;
	height: 1.5em;
	top: -0.125em;
	}

	section .cta
	{
	margin-top: 0px;
	padding: var(--spacing);
	}

	section.splash .abovetheline .box
	{
	position: relative;
	width: 100%;
	padding: calc(var(--spacing) * 2);
	padding-bottom: calc(var(--spacing) * 1);
	width: calc(100% + var(--spacing));
	}

	section.splash .belowtheline .box
	{
	width: 100%;
	padding: calc(var(--spacing) * 2);
	padding-top: 0px;
	margin-bottom: var(--spacing);
	width: calc(100% + var(--spacing));
	}

	section.splash .acrosstheline .box
	{
	width: 100%;
	padding: calc(var(--spacing) * 2);
	margin-bottom: var(--spacing);
	margin-top: 0px;
	width: calc(100% + var(--spacing));
	}

	section.splash.static .acrosstheline .box
	{
	padding-left: calc(var(--spacing) * 1);
	padding-right: calc(var(--spacing) * 1);
	}

	section.splash .acrosstheline.wider .box
	{
	width: 100%;
	width: calc(100% + var(--spacing));
	}

	section.splash .cta 
	{
	position: relative;
	width: 100%;
	bottom: auto;
	right: auto;
	}

	section.splash p
	{
	font-size: var(--font-size-bigger);
	}

	section.news article
	{
	width: 100%;
	margin-bottom: calc(var(--spacing) * 1);
	}

	section.news article .box.imagebox
	{
	position: relative;
	height: calc(var(--spacing) * 10);
	}

	section.news article .box.imagebox
	{
	right: auto;
	left: 0px;
    width: 100%;
	}

	section.news article:nth-of-type(even)
	{
	margin-left: 0px;
	}

	section.news article .box.colorbox
	{
	width: 100%;
	}

	section.news article .box.textbox
	{
	width: 100%;
	}

	section.news article:nth-of-type(even) .box.textbox
	{
	margin-left: 0px;
	}

	section.news article .box.textbox .bottom
	{
	width: 100%;
	bottom: 0px;
	left: 0px;
	padding: calc(var(--spacing) * 1);
	}

	section.news .main .cta, section.news .main .cta:not(.under)
	{
	position: relative;
	bottom: auto;
	right: auto;
	text-align: center;
	}

	section.events .main
	{
	column-count: 1;
	}

	section.events .cta, section.events .main .cta:not(.under)
	{
	position: relative;
	bottom: auto;
    right: auto;
	width: 100%;
	padding: var(--spacing);
	}

	section.subjects article
	{
	width: 33%;
	}

	section.subjects article:nth-of-type(9)
	{
	display: inline-block;
	}

	section.press .main
	{
	column-count: 1;
	}

	section.jobs .main
	{
	column-count: 1;
	}

	section.jobs article .box.textbox
	{
	padding: var(--spacing);
	}

	section.tenders article .box.textbox
	{
	padding: var(--spacing);
	}

	section.library .main .box.imagebox
	{
	width: 100%;
	position: relative;
	height: calc(var(--spacing) * 10);
	}

	section.library .main .box.textbox
	{
	width: 100%;
	padding: var(--spacing);
	margin: 0px;
	}

	section.library .content:has(+.cta)
	{
	}

	section.books .main
	{
	column-count: 1;
	}

	section.sectors .main .sector .circle
	{
	width: 165px;
	height: 165px;
	}

	section.sectors .main .sector .circle .title
	{
	font-size: var(--font-size-normal);
	line-height: 1.3;
	}

	section.nodes .main .node
	{
	width: 33%;
	min-height: 180px;
	}

	section.nodes .main .node .programs
	{
	width: 300%;
	}

	section.nodes .main .node .shape .title
	{
	font-size: var(--font-size-small);
	}

	section.directions .main .direction
	{
	font-size: var(--font-size-small);
	}

	section.directions.dir3 .main .direction, section.directions.dir4 .main .direction, section.directions.dir5 .main .direction
	{
	width: 33%;
	}

	section.directions.dir3 .main .direction .programs, section.directions.dir4 .main .direction .programs, section.directions.dir5 .main .direction .programs
	{
	width: 300%;
	margin-top: -140px;
	}

	section.directions.dir3 .main .direction .square, section.directions.dir4 .main .direction .square, section.directions.dir5 .main .direction .square
	{
	width: 130px;
	height: 130px;
	}

	section.directions .main .direction .square .title
	{
	font-size: var(--font-size-normal);
	line-height: 1.3;
	padding: calc(var(--spacing)* 0.5);
	}

	section.directions .main .direction .programs
	{
	margin-top: -165px;
	}

	section.directions .main.boxes
	{
	min-height: 120px;
	}

	section.databases .main .row
	{
	column-count: 1;
	margin-bottom: 0px;
	}

	section.databases article .box.imagebox
	{
	min-height: 240px;
	}

	section.databases article .box.textbox .content
	{
    padding-bottom: calc(var(--spacing) * 2);
	}

	section.maintext .main
	{
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}

	section.maintext .side
	{
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}

	section.maintext .main .importantinfo
	{
	display: block;
	margin-bottom: var(--spacing);
	column-count: 2;
	column-gap: var(--spacing);
	}

	section.maintext .side .importantinfo
	{
	display: none;
	}

	section.maintext .side .otherinfo
	{
	margin-top: calc(var(--spacing) * 2);
	column-count: 2;
	column-gap: var(--spacing);
	}

	section.maintext .side .otherinfo p
	{
	break-inside: avoid;
	}

	section.maintext .side .box.contact
	{
	margin-top: calc(var(--spacing) * 2);
	}

	section.maintext .box.accordion button
	{
	width: 100%;
    margin-left: 0px;
	}

	section.maintext .box.greybox
	{
    margin-left: 0px;
    margin-right: 0px;
	}

	section.maintext .box.colorbox
	{
    margin-left: 0px;
    margin-right: 0px;
	}

	section.maintext .otherinfo .box:first-child
	{
	margin-top: 0px;
	}

	section.maintext .box.info + .box.info.secondary
	{
	margin-top: calc(var(--spacing) * -1);
	}

	section.splash.nopadding
	{
	/* padding-bottom: calc(var(--spacing)* 0.5); */
	padding-bottom: 0px;
	}

	body:not(.eie) section.splash.static
	{
	margin-top: calc(var(--menu-height) + (var(--spacing) * 2) + var(--font-size-bigger));
	}

	body.eie section.splash
	{
	margin-top: 130px;
	}

	section.splash .cta.top
	{
	position: relative;
    top: 0px;
    padding: 0px;
    right: 0px;
    text-align: right;
	display: none;
	}

	section.splash .abovetheline
	{
    /* min-height: calc(var(--menu-height) + var(--spacing)); */
	min-height: 0px;
	}

	section.splash .acrosstheline .photobox
	{
	position: relative;
    left: auto;
    height: 150px;
    width: 100%;
    /* margin-top: calc(var(--spacing)* -1); */
    margin-bottom: var(--spacing);
	}

	section.splash .box .category
	{
	font-size: var(--font-size-small);
	}

	section.splash .box h1
	{
	/* font-size: var(--font-size-xlarge); */
	}

	section.list.peoplelist article, section.list.peoplelist article:nth-of-type(2n)
	{
	width: calc(100% - (var(--spacing) * 2));
	margin-left: calc(var(--spacing)* 1);
	border-top: 2px solid #d6d6d6;
	}

	/* section.list.peoplelist article.vip, section.list.peoplelist article.vip:nth-of-type(2n), section.list.peoplelist article.empty */
	/* { */
	/* border-top: none; */
	/* border-bottom: none; */
	/* }	 */

	section.list.peoplelist article.empty
	{
	border-top: none;
	border-bottom: none;
	}

	section.list.jobslist.results article .box.textbox
	{
	width: 100%;
	}

	section.list.jobslist.results article .box.refno
	{
	float: none;
	width: 50%;
	margin-bottom: 1em;
	}

	section.list.jobslist.results article .box.ada
	{
	float: right;
	width: 50%;
	}

	section.list.projectslist article 
	{
    width: 100%;
	}

	section.list.projectslist article:nth-of-type(2n+1)
	{
	margin-right: 0px;
	}

	section.list.projectslist article:nth-of-type(2n)
	{
	margin-right: 0px;
	}

	section.list.eventslist article .marker
	{
	/* width: 50px; */
	/* vertical-align: top; */
	}

	section.list.eventslist article .box.textbox .dateplace
	{
	/* padding-top: 0.6em; */
	/* width: calc(100% - 70px); */
	}

	section.list.eventslist article .leftcolumn
	{
	width: 30%;
	}

	section.list.eventslist article .midcolumn
	{
	width: 70%;
	padding-left: calc(var(--spacing) * 0.5);
	padding-right: 0px;
	}

	section.list.eventslist article .rightcolumn
	{
	width: 30%;
	display: none;
	}

	section.list.eventslist article .box.imagebox
	{
	}

	section.list.newslist article 
	{
	}

	section.list.newslist article .leftcolumn
	{
	width: 100%;
	margin: 0px;
	}

	section.list.newslist article .midcolumn
	{
	width: 100%;
	margin: 0px;
	padding-top: 1.2em;
	padding-right: 0px;
	}

	section.list.newslist article .box.imagebox 
	{
	width: 100%;
	margin: 0px;
	min-height: 200px;
	max-height: 250px;
	position: relative;
	max-width: 450px;
	}

	section.list.newslist article .marker .date
	{
	width: auto;
	}

	section.list.newslist article .marker .category
	{
	width: auto;
	}

	footer .menus
	{
	column-count: 1;
	text-align: center;
	}

	footer .newsletter > *
	{
	width: 100%;
	}
	
}
/*-- 651-767 end --*/



/*-- 0-650 start --*/
@media screen and (max-width: 650px)
{

	section.subjects article
	{
	width: 50%;
	border: 1px solid #ffffff;
	}

	section.subjects article:nth-of-type(9)
	{
	display: none;
	}

	section.sectors .main .sector
	{
	width: 100%;
	margin-bottom: calc(var(--spacing) * 0.75);
	}

	section.nodes .main .node
	{
	min-height: 150px;
	}

	section.directions .main .direction .square
	{
	width: 100px;
	height: 100px;
	}

	section.directions .main .direction .square .title
	{
	font-size: var(--font-size-tags);
	line-height: 1.3;
	}

	section.directions .main .direction .programs
	{
	margin-top: -100px;
	}

	section.maintext .main .importantinfo
	{
	column-count: 1;
	}

	section.maintext .side .otherinfo
	{
	column-count: 1;
	}

	section.list article .box.imagebox
	{
	/* width: calc(var(--spacing) * 4 * 1); */
	/* height: calc(var(--spacing) * 3 * 1); */
	}

}
/*-- 0-650 end --*/