* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body, html {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
}

body {
	background: white url("img/back1.png");
}

.container {
	display: flex;
	width: 100vw;
	height: 100vh;
}

.background-left,
.background-right {
	width: 15%;
	background-size: cover;
	background-repeat: no-repeat;
}

.background-left {
	background-image: url('img/back-left.png');
}

.background-right {
	background-image: url('img/back-right.png');
}

.content {
	width: 70%;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-top: 3%;
}

.inner-content {
	width: 90%;
	display: flex;
	gap: 10%;
}

.column {
	width: 45%;
	padding: 10px;
}

.column-left .logo {
	margin-bottom: 20px;
	max-width: 100%;
}

.column-left iframe {
	width: 100%;
	height: 300px;
}

.column-right h1, .column-right h2 {
	margin-top: 20px;
	font-size: 2em;
	font-weight: 700;
}

.column-right p {
	margin-top: 5px;
	font-size: 0.95em;
}

.column-right a {
	color: #0066cc;
	text-decoration: none;
}

.column-right a:hover {
	text-decoration: underline;
}

h1 {
	font-family: 'Poiret One', cursive;
	font-weight: normal;
	font-size: 1.8em;
	color: #333;
	margin-top: 20px;
}

p {
	font-family: 'Cantarell', sans-serif;
	font-size: 1em;
	color: #555;
	line-height: 1.6;
	margin-top: 5px;
}