body {
	background-image:url('beyourguide_background.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	color:white;
	/*height:calc(100vh - 16px);*/
	font-family: 'Poppins', sans-serif;
}
body:before {
	content:'';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.5;
}
.logo {
	position:relative;
	max-height:80px;
}
.row {
	width:calc(100% - 20px);
	padding:0 10px;
	display:flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index:1;
}
.column { padding:0 20px; }
.phone { max-height:80vh; }
.title {
	font-size:4em;
	font-weight:500;
	margin-top:0;
	margin-bottom:0;
}
.text { font-size:1.4em; }
.text p { margin:10px 0; }
.subtitle { 
	font-size:2.2em;
	font-weight:500;
}
.row.links {
	justify-content: normal;
	padding-left:0px;
	position:relative;
	height: auto;
}
.button {
	transition:ease-in-out 0.3s all;
	background-color:white;
	color:black;
	border:1px solid white;
	border-radius:5px;
	padding:12px 30px;
	margin-right:10px;
	text-decoration:none;
	font-size:1.4em;
}
.button svg { margin-right:5px; }
.button:hover {
	background-color:transparent;
	color:white;
}
.qr-row { display:flex; }
.qr-container {
	background-color:white;
	max-height:144px;
	margin-right:10px;
	font-size: 22px;
    color: black;
    display: flex;
    align-items: center;
    padding-left: 12px;
}
.qr-container:hover { cursor:pointer; }
.qrcode {
	background-color:white;
	padding:12px;
	max-width:120px;
}
.column:last-child { max-width:40%; }

.portali-images img { max-height:90px; }
.portali-images img:not(:last-child) { margin-right:20px; }

.privacy-cookie {
	position:absolute;
	left:0; bottom:0;
	width:100%;
	z-index:2;
}
.privacy-cookie p { text-align:center; }
.privacy-cookie p a { text-decoration:none; color:white; }
.privacy-cookie p a:hover { text-decoration:underline; }



@media screen and (max-width:1723.5px) { .column:last-child { max-width:50%; } }
@media screen and (max-width:1382.5px) { .column:last-child { max-width:60%; } }
@media screen and (max-width:1208.5px) { .column:last-child { max-width:100%; } .title { font-size:3.8em; } }
@media screen and (max-width:1199.5px) { .title { font-size:3em; } }
@media screen and (max-width:991.5px) {
	.title { font-size:2.7em; }
	.text { font-size:1.3em; }
	.subtitle { font-size:2em; }
	.phone { max-width:350px; }
	.row:not(.links) {
		position:relative;
		height:auto;
		align-items: flex-start;
		padding-bottom:50px;
	}
}
@media screen and (max-width:931.5px) {
	.row.links {
		flex-direction: column;
		align-items: flex-start;
	}
	.button { margin:5px 0; }
	.qr-container {
		flex-direction: column;
		padding-left:0px;
		padding-top:12px;
	}
	.title { line-height:1em; }
	.subtitle { margin:15px 0; }
}
@media screen and (max-width:767.5px) {
	.column:first-child { display:none; }
	.column:last-child { text-align:center; }
	.logo { max-width:100%; }
	.row.links { align-items: center; }
	.text { margin:12px 0; }
	.subtitle { margin:20px 0; }
	.qr-row { justify-content: center; }
}
@media screen and (max-width:379.5px) {
	.title { line-height:1em; }
	.row { align-items: flex-end; }
}
.menu {  position:absolute; top:30px; left:30%;  z-index:2; transition:0.3s ease all;transform: translate(50%);}
.menu a { color:white; text-decoration:none; font-size:24px; background-color:#b3995b; padding:12px 32px; border-radius:15px; }
.menu:hover { color:#b3995b; background-color:#fff; }



@media screen and (max-width:1125px) {
	.row {
		top: 70px;	
	}
}
@media screen and (max-width:600px) {
.menu {     
	position: relative;
    top: 30px;
transform: translate(0%);
	width:100%;
    left: 0 !important; }

.menu a {
  font-size:22px;
    padding: 10px 10px;
 
}