@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

@font-face {
	font-family: 'IBMPlexSans';
	src: url('/font/ibmplexsans-regular-webfont.woff2') format('woff2'),
			 url('/font/ibmplexsans-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'IBMPlexSansBold';
	src: url('/font/gibmplexsans-bold-webfont.woff2') format('woff2'),
			 url('/font/ibmplexsans-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.containerA {
	position: relative;
	width: 1200px;
	height: 370px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: none;
	line-height:370px;
}

.captiondiapo {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	font-family: 'IBMPlexSans', 'Roboto';
	color: #FFF;
}

.captiondiapolien {display: inline-block;}

.diapolien {
  position: absolute;
	top: 0px;
	display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.captionintdiapo {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	color: #FFF;
}

.captionintdiapo h1 {
	padding-bottom: 20px;
	font-family: 'IBMPlexSansBold', 'Roboto';
	font-size: 55px;
	line-height: 1.2;
}

.captionintdiapo p {
	font-size: 30px;
	line-height: 1.2;
}

@media only screen and (max-width: 1200px) {
	.containerA {width: 100%;}

	.captionintdiapo {padding: 0 40px;}
}

@media only screen and (max-width: 768px) {
	.containerA {width:100%;}

	.captionintdiapo {padding: 0 25px;}

	.captiondiapo p {margin-left: 0 !important;}

	.captionintdiapo h1 {font-size: 40px;}

	.captionintdiapo p {font-size: 20px;line-height: 30px;}

	body.hideImg #supersized li {background-color:#EEEEEC;}

	body.hideImg #supersized li img {display:none;}
}