/* ==========================================
   1. Modern CSS Reset
   ========================================== */

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

/* Set core root defaults */
html {
    scroll-behavior: smooth;
    font-size: 100%;
}

/* ==========================================
   2. Base Typography & Body
   ========================================== */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: #CCCCCC;
    background-color: #000000;
    
    /* Prevents the text from being too wide on large screens */
    max-width: 1200px; 
    margin: 0 auto;
    padding: 0 1.5rem;
	
	/* Path to your image */
	background-image: url('background.jpg');

	/* Key property to keep background stationary */
	background-attachment: fixed;

	/* Centers the image and prevents it from tiling */
	background-position: center;
	background-repeat: no-repeat;

	/* Ensures the image covers the entire screen area */
	background-size: cover;
}

/* ==========================================
   3. Responsive Media
   ========================================== */

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

/* ==========================================
   4. Typography Tweaks
   ========================================== */

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    margin-bottom: 2rem;
	margin-top: 3rem;
    color: #FFF;
}

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

a:hover {
    text-decoration: underline;
}

p,header,footer {
	color: #FFF;
}

.maincontainer {
	padding:20px;
	background-color: #000; /*#3A181A;*/
    color: #FFF;
    text-decoration: none;
}

.old-standard-tt-regular {
  font-family: "Old Standard TT", serif;
  font-weight: 400;
  font-style: normal;
}

header{
	text-align: center;
}

.old-standard-tt-bold, header {
  font-family: "Old Standard TT", serif;
  font-weight: 700;
  font-style: normal;
}

.old-standard-tt-regular-italic {
  font-family: "Old Standard TT", serif;
  font-weight: 400;
  font-style: italic;
}

.video{
	margin-bottom:20px;
}

.section{
	margin-bottom:80px;
}

.logo {
  display: flex;
  justify-content: center; /* Horizontal centering */
  align-items: center;     /* Vertical centering */
  height: 15vh;           /* Optional: fills the whole screen height */
}