* {
	box-sizing: border-box;
}

html, body {
	margin: 0;
	height: 100%;
}

body {
	background-image: url("HG.jpg");
	background-size: cover;
}

.wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

iframe {
	background-color: transparent;
	resize: none;
	overflow: hidden;
	border: none;
	outline: none;

	width: 100%;
	height: 100%;
	max-width: 1250px;
}

body .reservision-logo {
	display: none;
}

@media (min-width: 481px) {
	iframe {
		max-height: 520px;
	}

    body {
        background-image: url(./HG.jpg);
        --color: #fff;
    }
    body.bright {
        backdrop-filter: brightness(2.5);
    }
    body .reservision-logo {
		display: block;
        position: fixed;
        top: 15px;
        left: 0
    }
    body .reservision-logo svg {
        width: 400px;
    }
}

.error {
	font-family: Roboto, sans-serif;
	font-size: large;
	color: #fff;
}