html {
		height: 100%;
	}

    body {
		height: 100%;
        background-color: #000;
        color: #FFF;
        font-size: 16px;
        font-family: "Roboto", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-variation-settings:"wdth" 100;
        line-height: 1.5;
    }
	
    h1, h2 {
        font-size: 18px;
		font-weight: 700;
		line-height: 1.25;
    }
	
	h1 {
		font-weight: 900;
    }

    a:link {
        color: #FFF;
    }

    a:visited {
        color: #CCC;
    }

	.box {
		display: flex;
  		justify-content: center;
	}

	#container {
		margin:0 auto;
		max-width: 1024px;
		width: 100%;
		min-height: 100vh;
		min-height: 100dvh;
		background: url("../../media/globalimages/2026_landing.jpg") no-repeat;
		background-size: 92% auto;
    	background-position-x: center;
	}
	
	#content {
		margin:0 auto;
		width:37%;
		padding:0;
		text-align: left;
		padding:0 0 20px;
		box-sizing: border-box;
	}
	
	#logo {
		width:33%;
		margin:0 auto 20px;
		display: block;
	}
	
	@media only screen and (max-width: 820px) {
		
		h1, h2, h3, p {
			padding: 0 20px;
		}
		
		#container {
			margin: 0 auto;
			max-width:1250px;
			background:none;
		}
		
		#content {
			width:100%;
		}
		
		#logo {
			width:38%;
		}
		
		.image {
			max-width: 650px;
			margin:0 auto;
			height: 175px;
			box-shadow: inset 0 0 30px #000;
		}
		
		#image1 {
			width: 195px;
			background: url("../../media/globalimages/2026_landing_2x.jpg") no-repeat top 2% left -6% / 580px;
			order: 1;
		}
		
		#image2 {
			width: 198px;
			background: url("../../media/globalimages/2026_landing_2x.jpg") no-repeat bottom 37% right -2% / 620px;
			order: 2;
		}
		
		#image3 {
			width: 198px;
			background: url("../../media/globalimages/2026_landing_2x.jpg") no-repeat top 4% right -6% / 580px;
			order: 3;
		}
		
		#image4 {
			width: 198px;
			background: url("../../media/globalimages/2026_landing_2x.jpg") no-repeat top 24% left -6% / 580px;
			order: 1;
		}
		
		#image5 {
			width: 185px;
			background: url("../../media/globalimages/2026_landing_2x.jpg") no-repeat top 44% left 2% / 670px;
			order: 2;
		}
		
		#image6 {
			width: 198px;
			background: url("../../media/globalimages/2026_landing_2x.jpg") no-repeat top 25% right -6% / 625px;
			order: 3;
		}
	}
	
	@media only screen and (max-width:600px) {
		
		body {
			font-size: 18px;
		}
		
		h1, h2 {
        	font-size: 20px;
			line-height: 1.33;
    	}
		
		.box {
			justify-content: space-evenly;
		}
		
		#logo {
			width: 65%;
		}
		
		.image {
			display: block;
			box-shadow: inset 0 0 30px #000;
		}
		
		#image1 {
			background-position: top 2% left -4%;;
		}
		
		#image2 {
			background-position: top 4% right 1%;
			box-shadow: inset 0 0 35px #000;
		}
		
		#image3 {
			display: none;
		}
		
		#image4 {
			display:none;
		}
		
		#image5 {
			background-position: top 43% left -2%;
		}
		
		#image6 {
			background-position: top 63% right 1%;
		}
	}

	@media only screen and (min-width:500px) {
		#logo {
			width: 315px;
		}
	}

	@media only screen and (max-width:320px) {
		#container {
			width:320px;
		}
	}

	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  		#container {
    		background-image: url('../../media/globalimages/2026_landing_2x.jpg');
  		}
		@media only screen and (max-width: 820px) {
		#container {
			background:none;
		}
	}
}