html,
body {
	margin: 0;
	background-color: #000;
	font-family: "ArtOnTheWall";
	overflow-x: hidden;

}

a.lang{
    color:white !important;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 2.41px;
   	font-size:2rem;

}

a.lang:hover {
	color: red !important; 
}
.lang-toggle {

    position: absolute;
    top: 200%;
    right: 5%;
    color:white;

list-style-type: none; 
}

:root {

	--scrollbar-color: rgb(255, 0, 0);
	/* red */

}

::-webkit-scrollbar {

	-webkit-appearance: none;
	width: 15px;
	background-color: lightgrey;


}

::-webkit-scrollbar-thumb {

	background-color: var(--scrollbar-color);

}

    .canary:hover {
        animation-name: shake-image;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    @keyframes shake-image{
        0% {transform: translate(1px,1px) rotate(0deg);}
        10% {transform: translate(-1px,-2px) rotate(-2deg);}
        20% {transform: translate(-3px,0px) rotate(2deg);}
        30% {transform: translate(3px,2px) rotate(0deg);}
        40% {transform: translate(1px,-1px) rotate(2deg);}
        50% {transform: translate(-1px,2px) rotate(-2deg);}
        60% {transform: translate(-3px,1px) rotate(0deg);}
        70% {transform: translate(3px,1px) rotate(-2deg);}
        80% {transform: translate(-1px,-1px) rotate(2deg);}
        90% {transform: translate(1px,2px) rotate(0deg);}
        100% {transform: translate(1px,-2px) rotate(-2deg);}
    }


.canary {
	position: absolute;
	top:18%;
	left:15%;
}
.canary_fr {
	position: absolute;
	top:18%;
	left:5%;
}
@font-face {
	font-family: "ArtOnTheWall";
	src: url("../fonts/Artonthewall-Regular.otf") format("opentype");
}

.nav-item {
	text-transform: uppercase;
}

a.nav-link {

	color: #fff;
}
.meet {
	margin-top: 1em;
}
.header-container {
	background-image: url("https://cpc-carneycoal.s3.us-west-2.amazonaws.com/coal.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 800px;
	background-position: center center;


}

.carney-header {
	background-repeat: no-repeat;
	width: 100%;

	height: 800px;
}

.header-margin {
	margin-top: 2.5em;
}

.header-margin_fr {
	margin-top: 3.5em;
}


.subtitle {
	font-size: 3rem;
}

	.subtitle_fr {
		font-size:3rem;
	}

.highlighted-text {
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxaW4iIGhlaWdodD0iMC41aW4iIHZpZXdCb3g9IjAgMCAzMDAgMTUwIj4KICA8cGF0aCBmaWxsPSIjZjQ0MzM2IiBzdHJva2U9Im5vbmUiIGQ9Ik0gMTIuMDAsNDguMDAgICAgICAgICAgICBDIDEyLjAwLDUwLjA5IDExLjc5LDU0Ljk5IDEyLjYwLDU2LjcyICAgICAgICAgICAgICAxNS41OSw2My4xOCAyNi4wOSw1Ni42NCAzMy4wMCw2My4wMCAgICAgICAgICAgICAgMzAuODQsNjMuMTggMjMuMDUsNjMuODcgMjEuODAsNjUuMDIgICAgICAgICAgICAgIDE4LjAyLDY3Ljg4IDIxLjI5LDc2LjM1IDIxLjgwLDgwLjAwICAgICAgICAgICAgICAyMS44MCw4MC4wMCAyMS44MCw4Ni4wMCAyMS44MCw4Ni4wMCAgICAgICAgICAgICAgMjEuODAsODYuMDAgNDAuMDAsODcuMDAgNDAuMDAsODcuMDAgICAgICAgICAgICAgIDM5LjkzLDg4Ljg4IDQwLjA2LDkxLjA0IDM4Ljk4LDkyLjY5ICAgICAgICAgICAgICAzNy41MSw5NC45MyAzNS4xNSw5NC43NSAzMi41OSw5Ni4yMCAgICAgICAgICAgICAgMjguMzMsOTguNjEgMjYuODcsMTAyLjIyIDI3LjM0LDEwNy4wMCAgICAgICAgICAgICAgMjcuMzQsMTA3LjAwIDMwLjAyLDEyMy40MSAzMC4wMiwxMjMuNDEgICAgICAgICAgICAgIDMxLjgyLDEyNS43NSA0MC4wMSwxMjcuOTUgNDMuMDAsMTI4LjAwICAgICAgICAgICAgICA0My4wMCwxMjguMDAgODcuMDAsMTI4LjAwIDg3LjAwLDEyOC4wMCAgICAgICAgICAgICAgODguMDgsMTIxLjU2IDkxLjE2LDEyMS44MCA5Ny4wMCwxMjIuMDQgICAgICAgICAgICAgIDk3LjAwLDEyMi4wNCAxMDkuMDAsMTIzLjAwIDEwOS4wMCwxMjMuMDAgICAgICAgICAgICAgIDEwOS4wMCwxMjMuMDAgMTI4LjAwLDEyMy4wMCAxMjguMDAsMTIzLjAwICAgICAgICAgICAgICAxMjguMDAsMTIzLjAwIDE4Mi4wMCwxMjIuMDAgMTgyLjAwLDEyMi4wMCAgICAgICAgICAgICAgMTk0LjU4LDEyMS45NyAxODguNDIsMTE5LjAzIDIwMS4wMCwxMTkuMDAgICAgICAgICAgICAgIDIwMS4wMCwxMTkuMDAgMjQzLjAwLDExOS4wMCAyNDMuMDAsMTE5LjAwICAgICAgICAgICAgICAyNDMuMDAsMTE5LjAwIDI1OC4wMCwxMTguMDAgMjU4LjAwLDExOC4wMCAgICAgICAgICAgICAgMjU5LjUzLDEwOS4xMCAyNjYuMDEsMTEzLjM3IDI3MC40MCwxMDkuMTUgICAgICAgICAgICAgIDI3Mi42MSwxMDcuMDMgMjcyLjMwLDEwMC44NSAyNzIuMDAsOTguMDAgICAgICAgICAgICAgIDI3Mi4wMCw5OC4wMCAyODAuMDAsOTcuMDAgMjgwLjAwLDk3LjAwICAgICAgICAgICAgICAyODAuMDAsOTQuMTAgMjgwLjI2LDg4LjU1IDI3OS4yNiw4Ni4wMiAgICAgICAgICAgICAgMjc2LjQ5LDc4Ljk4IDI2NC42Myw3Ni44OCAyNTguMDAsNzYuMDAgICAgICAgICAgICAgIDI2NS4xNSw2OS4xOSAyNzYuNDAsNzMuMDMgMjc0Ljg1LDYyLjA0ICAgICAgICAgICAgICAyNzQuNDcsNTkuMzUgMjczLjczLDU4Ljg1IDI3Mi4wMCw1Ny4wMCAgICAgICAgICAgICAgMjgxLjY4LDUzLjc3IDI4MS4wMCw1NC4yOCAyODEuMDAsNDQuMDAgICAgICAgICAgICAgIDI4MS4wMCw0NC4wMCAyNTguMDAsNDIuMzggMjU4LjAwLDQyLjM4ICAgICAgICAgICAgICAyNTAuMDAsNDAuODQgMjUxLjQ4LDM4LjAzIDIzNS4wMCwzOC4wMCAgICAgICAgICAgICAgMjM1LjAwLDM4LjAwIDE4OS4wMCwzOS4wMCAxODkuMDAsMzkuMDAgICAgICAgICAgICAgIDE4OS4wMCwzOS4wMCAxNzcuMDAsMzkuODIgMTc3LjAwLDM5LjgyICAgICAgICAgICAgICAxNzcuMDAsMzkuODIgMTU5LjAwLDM4LjAwIDE1OS4wMCwzOC4wMCAgICAgICAgICAgICAgMTU5LjAwLDM4LjAwIDEyOC4wMCwzOC4wMCAxMjguMDAsMzguMDAgICAgICAgICAgICAgIDExNi45MCwzOC4wMiAxMjAuMTYsMzkuNDAgMTEzLjAwLDQwLjY3ICAgICAgICAgICAgICAxMTMuMDAsNDAuNjcgOTcuMDAsNDIuMTcgOTcuMDAsNDIuMTcgICAgICAgICAgICAgIDk3LjAwLDQyLjE3IDg3LjAwLDQzLjgzIDg3LjAwLDQzLjgzICAgICAgICAgICAgICA4Ny4wMCw0My44MyA1Ny4wMCw0NS4wMCA1Ny4wMCw0NS4wMCAgICAgICAgICAgICAgNTcuMDAsNDUuMDAgMzIuMDAsNDguMDAgMzIuMDAsNDguMDAgICAgICAgICAgICAgIDMyLjAwLDQ4LjAwIDEyLjAwLDQ4LjAwIDEyLjAwLDQ4LjAwIFoiLz4KPC9zdmc+');
	background-position: 50% 50%;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 5px;
	padding-bottom: 20px;

	background-repeat: no-repeat;
	background-size: cover;
}

.massive {
	font-size: 8rem;
}
.massive_fr {
	font-size: 6rem;
}
.large {
	font-size: 5rem;
}

.white {
	color: #fff;
}

.center-text {
	text-align: center;
}

.centered {
	position: absolute;
	top: 40%;
}

.centered-subtitle {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.uppercase {
	text-transform: uppercase;
}

.padding {
	padding-top: 2em;
	padding-bottom: 2em;
}

section.yt-video {
	padding: 4em;
}

img.section-images {
	width: 100%;

}

.section-text {
	padding-top: 4em;
	padding-bottom: 4em;
}

h3.large-text {
	font-size: 5rem;
}

.yt-border {
	border: 5px solid red;
	margin: auto;
	display: block;

}

.kenneth-container {
	position: relative;
	width: 100%;
	height: 600px;
	/* Adjust as needed */
	background: url("https://cpc-carneycoal.s3.us-west-2.amazonaws.com/kenneth.png") center/cover no-repeat;
	 background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.kenneth-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
	text-shadow: 0 3px 10px rgb(0 0 0 / 100%);
}

.in-view .kenneth-text {
	opacity: 1;
}
section.yt-video_fr {
		margin-top: 5em;
		margin-bottom: 4em;
	}

@media only screen and (max-width: 1024px) {
	.massive {
		font-size: 5rem;
	}

	.header-margin {
		margin-top: 5.5em;
	}

	.massive_fr {
		font-size: 3rem;
	}
		.subtitle_fr {
		font-size:2.5rem;
	}


	.header-margin_fr {
		margin-top: 8.5em;
	}


	.kenneth-container {
		position: relative;
	width: 100%;
	height: 600px;
	/* Adjust as needed */
	background: url("https://cpc-carneycoal.s3.us-west-2.amazonaws.com/kenneth.png") center/cover no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	}

	.meet {
		margin-top: 1em;
	}
	.xray {
		height: auto !important;
	}
	.canary {
	position: absolute;
	top:35%;
	left:2%;
}
.canary_fr {
	position: absolute;
	top:40%;
	left:10%;
	width:100px;
}

}

@media only screen and (max-width: 768px) {
	section.yt-video {
		margin-top: 10em;
		margin-bottom: 4em;
				padding:0;

	}
	section.yt-video_fr {
		margin-top: 5em;
		margin-bottom: 4em;
				padding:0;

	}
	.meet {
		margin-top: 2em;
	}

	iframe {
		height: 300px;

	}
h3.large-text {
	font-size: 4rem;
}

	.header-margin {
		margin-top: 6.5em;
	}

	.massive {
		font-size: 2rem;
	}
		.massive_fr {
		font-size: 1.2rem;
	}

	.header-margin_fr {
		margin-top: 10.5em;
	}
	.subtitle {
		font-size:2rem;
	}
	.subtitle_fr {
		font-size:1.1rem;
	}
	.kenneth-container {
		position: relative;
	width: 100%;
	height: 600px;
	/* Adjust as needed */
	background: url("https://cpc-carneycoal.s3.us-west-2.amazonaws.com/kenneth.png") center/cover no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	}

	.header-container {
		/*	background-size: cover;*/
		height: 300px;
	}

	h3.large-text {
		font-size: 2rem;
	}

	.centered {
		position: absolute;
		top: 50%;
		left: 10%;

	}

	.large {
		font-size: 3.5rem;
	}
		.canary {
	position: absolute;
        top: 20%;
        left: 2%;
        width: 80px;
}
.canary_fr {
		position: absolute;
	top:18%;
	left:3%;
	width:60px;
}

}

@media only screen and (max-width: 425px) {
	section.yt-video {
		margin-top: 4em;
		margin-bottom: 4em;
		padding:0;
	}
	section.yt-video_fr {
		margin-top: 5em;
		margin-bottom: 4em;
				padding:0;

	}
	.meet {
		margin-top: 2em;
	}

	iframe {
		height: 300px;
		width:100%;

	}

	.kenneth-container {
		position: relative;
	width: 100%;
	height: 600px;
	/* Adjust as needed */
	background: url("https://cpc-carneycoal.s3.us-west-2.amazonaws.com/kenneth.png") center/cover no-repeat;
 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	}
	.header-margin {
		margin-top: 6.5em;
	}

	.massive {
		font-size: 1.7rem;
	}
	.subtitle {
		font-size: 1.5rem;
	}
		.massive_fr {
		font-size: 1.4rem;
	}
	.subtitle_fr {
		font-size:1.3rem;
	}

	.header-margin_fr {
		margin-top: 8.5em;
	}


	.header-container {
		/*	background-size: cover;*/
		height: 300px;
	}

	h3.large-text {
		font-size: 2rem;
	}

	.centered {
		position: absolute;
		top: 50%;
		left: 10%;

	}

	.large {
		font-size: 3.5rem;
	}
		.canary {
	position: absolute;
	top:15%;
	left:5%;
	width: 80px;
}
.canary_fr {
		position: absolute;
	top:17%;
	left:7%;
	width:60px;
}

}
@media only screen and (max-width: 375px) {
	section.yt-video {
		margin-top: 0;
		margin-bottom: 4em;
				padding:0;

	}
	section.yt-video_fr {
		margin-top: 0;
		margin-bottom: 4em;
				padding:0;

	}
	.meet {
		margin-top: 2em;
	}

	iframe {
		height: 300px;

	}
		.kenneth-container {
		position: relative;
	width: 100%;
	height: 600px;
	/* Adjust as needed */
	background: url("https://cpc-carneycoal.s3.us-west-2.amazonaws.com/kenneth.png") center/cover no-repeat;
 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	}

	.header-margin {
		margin-top: 7.5em;
	}

	.massive {
		font-size: 1.5rem;
	}
	.subtitle {
		font-size: 1.5rem;
		padding-top: 2em;
	}
		.massive_fr {
		font-size: 1.5rem;
	}
	.subtitle_fr {
		font-size:1.3rem;
	}

	.header-margin_fr {
		margin-top: 6em;
	}


	.header-container {
		/*	background-size: cover;*/
		height: 300px;
	}

	h3.large-text {
		font-size: 2rem;
	}

	.centered {
		position: absolute;
		top: 50%;
		left: 10%;

	}

	.large {
		font-size: 3.5rem;
	}
		.canary {
	position: absolute;
	top:15%;
	left:5%;
	width: 80px;
}
.canary_fr {
		position: absolute;
	top:10%;
	left:5%;
	width:60px;
}

}
@media only screen and (max-width: 320px) {
	section.yt-video {
		margin-top: 0;
		margin-bottom: 4em;
				padding:0;

	}
	section.yt-video_fr {
		margin-top: 0;
		margin-bottom: 4em;
				padding:0;

	}

	.meet {
		margin-top: 2em;
	}

	iframe {
		height: 200px;

	}

	.header-margin {
		margin-top: 8.5em;
	}

	.kenneth-container {
		position: relative;
	width: 100%;
	height: 600px;
	/* Adjust as needed */
	background: url("https://cpc-carneycoal.s3.us-west-2.amazonaws.com/kenneth.png") center/cover no-repeat;
 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	}

	.massive {
		font-size: 1.2rem;
	}
	.subtitle {
		font-size: 1.1rem;
	}
		.massive_fr {
		font-size: 1.5rem;
	}
	.subtitle_fr {
		font-size:1.3rem;
	}

	.header-margin_fr {
		margin-top: 6em;
	}


	.header-container {
		/*	background-size: cover;*/
		height: 300px;
	}

	h3.large-text {
		font-size: 2rem;
	}

	.centered {
		position: absolute;
		top: 50%;
		left: 10%;

	}

	.large {
		font-size: 3.5rem;
	}
		.canary {
	position: absolute;
	top:15%;
	left:2%;
	width: 60px;
}
.canary_fr {
		position: absolute;
	top:10%;
	left:5%;
	width:60px;
}

}