﻿.whistleblowing .intro .title {
	display: inline-block;
}

.whistleblowing .intro .description {
	margin-bottom: 2em;
}

.whistleblowing .paragraphs, .links {
	user-select: none;
}

	.whistleblowing .paragraphs .paragraph {
		margin: 2em 0;
	}

		.whistleblowing .paragraphs .paragraph h2 {
			padding-left: 0;
			background-image: none;
		}

		.whistleblowing .paragraphs .paragraph .cont {
			margin-top: 1em;
		}

.whistleblowing .links {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	text-align: center;
	padding: 1em 0 6em;
}

	.whistleblowing .links > div {
		margin-top: 2em;
	}

		.whistleblowing .links > div a {
			display: block;
			cursor: pointer;
		}

		.whistleblowing .links > div iframe {
			display: none;
			margin-top: 1em;
			width: 100%;
			aspect-ratio: 16 / 9;
			border: solid 1px #000;
			opacity: 0;
			transition: opacity .25s ease;
		}

		.whistleblowing .links > div.open iframe {
			display: block;
			opacity: 1;
		}


@media all and (min-width:768px) {
	.whistleblowing .paragraphs {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

		.whistleblowing .paragraphs .paragraph {
			width: calc((100% - 40px) / 3);
		}
}
