*, *::after, *::before{ box-sizing: border-box; }
html{ font-size: .625em; font-size: calc(1em * .625); background: #c2c2c2; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; font: normal 300 1.4em / 1.2 'Open-sans', helvetica, sans-serif; color: #000; }
a{ text-decoration: none; color: #111; cursor: pointer; }
ol, ul{ list-style: none; margin: 0; padding: 0; }
img{ max-width: 100%; }
b, strong{ font-weight: 600; }
hr{ background: #111; box-shadow: none; border: none; height: 1px; width: 100%; margin: 10px 0; }
::selection{ background: red; color: #fff; }
::-moz-selection{ background: red; color: #fff; }

.container{ margin: 0 50px 0 50px; width: calc(100% - 100px);}
.wrapper{ padding: 40px 0; }
.card{ display: flex; flex-direction: column; transition: box-shadow .2s ease-in-out; color: #c2c2c2; margin: 0 0 -20px; }
.card:hover{ color: #000; }
.card__picture{ display: block; width: 100%; height: auto; }
.card-infos{ padding: 0px; font-size: 15px; height: 20px; font-weight: 400; margin-top: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 

.header{ height: 100px; display: flex; }
.header__title{ margin: 40px auto; font-weight: 700; font-size: 50px; color: #000; }
.sortable__nav{ display: flex; justify-content: center; margin-bottom: 20px; }
.nav__link{ padding: 0 13px 4px; color: #000; text-transform: uppercase; font-size: 15px; font-weight: 600; display: block; border-bottom: 2px solid transparent; }
.nav__link.is-active{ border-color: #000; }
.footer{ background: #c2c2c2; position: fixed; bottom: 0; width: 100%; height: 50px; }
.footer ul { margin:0 auto; padding-top: 15px; width:530px;}
.footer li { display: inline-block; width: auto; list-style: outside none none; }
.sortable__nav__mobile{display:none;}
.text__container {width:800px; margin:0 auto 50px auto; font-size: 18px; list-style: 1.2; text-align:left;}
.text__container b {font-size: 23px;}
.text__container img {margin-bottom: 20px;}
.text__container a {text-decoration: underline;}

.publication__box {margin-bottom:30px;}
.publication__box li {margin-bottom:8px; font-size:12px;}

@media screen and (max-width: 980px) {
	.sortable__nav__mobile {display:block; width:50px; margin:0px auto 50px auto; text-align:center; }
	.sortable__nav{ display:none; }
	.footer {display:none;}
	.card{ color: #000; }
	.menu_mobile {width:200px; margin:-20px auto 30px auto; text-align: center;}
	.menu_mobile a { color: #000; text-transform: uppercase; font-size: 15px; font-weight: 600; padding-top:5px; }
	.menu_mobile ul li {line-height: 1.5;}
	.text__container {width:100%;}
}