a{color:#0077aa}
a:visited{color:#0077aa}

#logotype-container{
  width:100%;
  margin-top:0.5%;
  margin-bottom:20%;
}
#avatar-container{
  width:9.7428%;
  display:flex;
  align-items:center;
}

#slogan-container{
  font-family: font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif; font-weight: normal;
  font-weight: bold;
  color:#1a1a1a; 
  text-align:right; 
  display:flex; 
  align-items:center;
  @media (max-width:500px){
    font-size:0.7em;
  }
  @media (max-width:360px){
    display:none;
  }
}

.icon-container{
  display:inline-block;
  width:1.25em;
  margin-right:0.5em;
}

body{
		margin:1em auto;
		max-width:120ch;
		padding:0.62em;
		font:1.1rem/1.62 Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif; font-weight: normal;
		/*color:#454545;*/
                color:#1a1a1a;

	}
	h1{
		line-height:1.2;
		font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif; font-weight: normal;
		font-weight: bold;
	}
	h2{
		line-height:1.2;
		font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif; font-weight: normal;
		font-weight: 800;
		font-stretch:extra-condensed;
		font-size:3rem;
	}
	h3,h4 {
		line-height:1.2;
		font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif; font-weight: normal;
		font-weight: 800;
		font-stretch:extra-condensed;
		font-size:2rem;
	}

	@media print{
		body{
			max-width:none
		}
}

.intro{
border:none;
font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif; font-weight: normal;
line-height:1.1;
max-width:none;
margin-bottom:5em;
font-weight:300;
font-size:1.5rem;
font-stretch:normal;
}

.intro h1{
font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif; font-weight: normal;
line-height:1.1;
font-size:3rem;
max-width:35ch;
font-weight:300;
font-stretch:extra-condensed;
text-align:left;
padding:0;
margin:0;
/*display:inline;*/
border:none;
}

.section{
margin-bottom:6rem;
}

.centering{
display:flex;
justify-content:center;
}

.capabox{
margin-top:1rem;
margin-bottom:1rem;
padding:1rem;
border:solid 2px;
max-width:30ch;
}

.capabox #title{
font-weight:900;
text-align:center;
}

.capabox #content{
line-height:1;
text-wrap:wrap;
}


/*#### LEGAL NOTICE, PUBLICATIONS ####*/

.legal, .publications{
  max-width:70ch;
 font-stretch:normal;
}

.legal h1, .publications h1{
font-weight:800;
font-size:4rem;
}

.legal h2, .publications h2{
font-weight:600;
font-size:2rem;
font-stretch:condensed;
}


/*#### NAVBAR ####*/

.navbar{
  display:flex;
  border-bottom:0.05em solid;
  margin-bottom:2em;
}

.navbar a{
  color:#1a1a1a;
  text-align:center;
  text-decoration:none
}

.navbar .right{
  margin-left: auto;
}



/*#### LEGALBAR ####*/

.legalbar{
  display:flex;
  font-size:0.7em;
  border-top:0.05em solid;
  margin-top:2em;
  padding-top:0.5em;
}

.legalbar a{
  color:#1a1a1a;
  text-align:center;
}

.legalbar .right{
  margin-left: auto;
}