* {
  box-sizing: border-box;
}

body {
	margin: 0;
	padding-top: 0 auto;
	background-color: white;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}

/* --------- VIDEO --------- */
.fullscreen-video-container {
  position: fixed; /* Fix the container to the viewport */
  top: 0;
  left: 0;
  width: 100vw; /* 100% of viewport width */
  height: 100vh; /* 100% of viewport height */
  overflow: hidden; /* Hide any overflowing video parts */
  z-index: -1; /* Place the video behind other content */
}

.fullscreen-video-container video {
  min-width: 101%; /* Ensure video covers at least 100% width */
  min-height: 101%; /* Ensure video covers at least 100% height */
  object-fit: cover; /* Crop video to fill container while maintaining aspect ratio */
  position: absolute; /* Position video within its container */
  top: 50%; /* Center vertically */
  left: 50%; /* Center horizontally */
  transform: translate(-50%, -50%); /* Adjust for true centering */
}

/* --------- TYPOGRAPHY --------- */
/* Webfont: Sabon */
@font-face {
	font-family: 'sabon';
    src: url('font/sabonltpro-roman-WEB.woff2') format('woff2'),
         url('font/sabonltpro-roman-WEB.woff') format('woff'),
		 url('font/sabonltpro-roman-WEB.ttf') format('truetype'),
         url('font/sabonltpro-roman-WEB.svg#sabon_lt_proroman') format('svg');
    font-weight: normal;
    font-style: normal;
	text-rendering: optimizeLegibility;
}

p {
	font-family: 'sabon', serif;
	font-variant-ligatures: none;
	color: white;
	font-size: 20px;
	line-height: .675em;
	letter-spacing: .125em;
	word-spacing: .08em;
	text-align: center;
	margin: 0;
	padding-top: 6px;
}

.center { /* Based on p */
	text-align: center;
}

a {
	color: white;
	text-decoration: none;
	display: inline;
}

a::selection, p::selection, i::selection, h1::selection, u::selection, sup::selection, br::selection, u::selection, .accordion::selection {
	color: rgb(36, 36, 36);
}

a::-moz-selection, p::-moz-selection, i::-moz-selection, h1::-moz-selection, u::-moz-selection, sup::-moz-selection, br::-moz-selection, u::-moz-selection, .accordion::-moz-selection {
	color: rgb(36, 36, 36);
}

/* --------- RESPONSIVE --------- */
/* --------- MOBILE FIRST --------- */

.column_div {
	position:fixed;
	width: 100vw;
}

.column {
  float: left;
  width: 100%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.svg-container {
	display: flex;
    justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
 	border: none;
}

/* --------- DESKTOP --------- */
@media screen and (min-width: 1200px) {
	body {
		margin-top: 0px;
		margin-bottom: 0 auto;
		padding-top: 0 auto;
		background-color: black;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
	}

	p {
		color: white;
		font-size: 15px;
		line-height: .9625em;
		letter-spacing: .48em;
		word-spacing: .3em;
		text-align: center;
		padding-top: 6px;
	}

	a {
		color: white;
		text-decoration: none;
		display: inline;
	}

	  .column {
	    width: 20%;
	  }

}