html,
body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  background-color:var(--bs-light);
}


privacy {
	margin: auto;
	margin-top:unset;
	text-align: right;
}


privacy a {
	font-size:0.75rem;
	text-transform: uppercase;
	text-decoration:unset;
	font-family:"Barlow";
	letter-spacing:0.0225px;
	font-weight:600;
}



main {
	margin: auto;
	margin-bottom:unset;
	background-color:var(--bs-white);
}


.contentarea {
	background-color:var(--bs-white);
}



@media (max-width: 767px) {
	
	.vpi-logo {
		margin-left:auto;
		background-repeat: no-repeat;
	}
	
	main {
		width: 100vw;
	}
	
	privacy {
		width: 100vw;
		padding:10px;
		background-color:#ffffff;
		text-align:center;
	}
	
	privacy spam {
		font-size:0.875rem;
		text-align:center;
		display:block;
		width:100%;
		margin-bottom:5px;
	}
	
	.logoarea {
		width: 100%;
		height:190px;
		padding: 40px;
		display: flex;
	}
		
	.contentarea {
		width: 100vw;
		min-height:calc(100vh - 234px);
		padding: 40px;
		display: flex;
		flex-direction: column;
	}
	
	.contentarea h1 {
		font-size:1.5rem;
		letter-spacing: 0.32px;
		line-height:1.5rem;
		text-shadow: 0px 5px 50px #00000029;
	}
	
}

@media (min-width: 768px) {
	
	main {
		width: 85vw;
		height:max-content;
		min-height:auto;
		display:flex;
	}
	
	
	privacy {
		width: 85vw;
		padding:10px 0 10px 0px;
	}
	
	privacy spam {
		font-size:0.875rem;
		float:left;
	}
	
	.logoarea {
		width: 190px;
		padding: 40px;
		display:flex;
		flex-direction:column;	
	}

	
	.contentarea {
		width: 100%;
		min-height:calc(100vh - 80px);
		height: max-content;
		padding: 95px 40px 40px 40px;
		display:flex;
		flex-direction:column;
	}
	
	.contentarea h1 {
		font-size:2.5rem;
		letter-spacing: 0.32px;
		line-height:2.5rem;
		text-shadow: 0px 5px 50px #00000029;
	}

}

@media (min-width: 992px) {
	privacy {
		width: calc(100vw - 80px);
		height:25px;
	}
	
	main {
		width: calc(100vw - 80px);
		height:max-content;
		min-height:auto;
		display:flex;
	}
	
	.logoarea {
		width: 190px;
		padding: 40px;
		display:flex;
		flex-direction:column;
	}
	
	
	.contentarea {
		width: 100%;
		min-height:calc(100vh - 80px);
		height: max-content;
		padding: 95px 40px 40px 40px;
		display:flex;
		flex-direction:column;
	}
	
	.contentarea h1 {
		font-size:2.5rem;
		letter-spacing: 0.32px;
		line-height:2.5rem;
		text-shadow: 0px 5px 50px #00000029;
	}
}

@media (min-width: 1200px) {
	privacy {
		width: calc(100vw - 80px);
		height:25px;
	}
	
	main {
		width: calc(100vw - 80px);
		height:max-content;
		min-height:auto;
		display:flex;
	}
	
	.logoarea {
		width: 190px;
		padding: 40px;
		display:flex;
		flex-direction:column;
	}
	
	
	.contentarea {
		width: 100%;
		min-height:calc(100vh - 80px);
		height: max-content;
		padding: 95px 50px 40px 50px;
		display:flex;
		flex-direction:column;
	}
	
	.contentarea h1 {
		font-size:2.5rem;
		letter-spacing: 0.32px;
		line-height:2.5rem;
		text-shadow: 0px 5px 50px #00000029;
	}
}

@media (min-width: 1440px) {
	
	privacy {
		width: 1440px;
		height:50px;
	}
	
	main {
		width: 1440px;
		height: max-content;
		min-height: auto;
		display:flex;
	}
	
	.logoarea {
		width: 190px;
		padding: 40px;
		display:flex;
		flex-direction:column;
	}
	
	.contentarea {
		width: 100%;
		min-height: 860px;
		height: max-content;
		padding: 95px 73px 40px 79px;
		display:flex;
		flex-direction:column;
		border-left:1px solid var(--bs-blue-light);
	}
	
	.contentarea h1{
		font-size:4rem;
		letter-spacing: 0.64px;
		line-height:4rem;
		color: var(--bs-blue-light);
	}
	
	

}