.background{
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
background:#000;
z-index:-1;
}

.background-image{
margin:0;
border:none;
width:100%;
z-index:-999999;
left:0;
}


@media screen and (min-width: 800px) {

    .only-on-tablet {
        display: none;
        width: 0;
    }
	.map {
		height: 100%;
		display: block;
		width: 100%;
		border: none;
	}
}

.image-parralax {
	width: 100%;
	opacity: 1.2 !important;
}

img {
	user-select: none;
}

footer {
	background: black;
	text-align: center;
	color: white;
}

footer > div {
	padding-top: 2em;
	padding-bottom: 2em;
}

footer > div > span {
	margin-left: 1em;
}

.button-side-nav {
	position: absolute;
}

nav  i:hover {
	cursor: pointer;
}

.element-button-nav > div {
	font-weight: bold;
	font-size: 2vw;
	position: absolute;
	top: 2.5vw;
	left: 10vw;
}

@media screen and (max-width: 530px) {
	.element-button-nav {
		width: 30% !important;
	}

	.element-button-nav > div {
		font-size: 4vw;
		top: 2.6vw;
		left: 14vw;
	}
}

@media screen and (max-width: 900px) {
	.element-button-nav {
		position: fixed;
		z-index: 2;
		top: 0;
		width: 20%;
	}
	.footer-copyright{
		margin-top: 2%;
	}
}

@media screen and (min-width: 900px) {
	.element-button-nav {
		position: fixed;
		z-index: 2;
		top: 35%;
		left: -14%;
		width: 20%;
		transition: 1s;
	}

	.element-button-nav:hover {
		left: -2%;
		transition: 1s;
	}

	.element-button-nav > div {
		left: 8vw;
		transition: 1s;
	}

	.element-button-nav:hover > div {
		transition: 1s;
		left: 10vw;
	}
}


.element-button-nav > img {
	opacity: 1 !important;
}

.element-button-nav:hover {
	cursor: pointer;
}

.menu-nav {
	text-shadow: 5px 5px 5px #ccc;
  }

.menu-nav:hover {
  cursor: pointer;
  text-shadow: 5px 5px 7px rgb(0, 0, 0);
}

.social-icons {
	color: white;
}

.home > section > div {
	margin-left: 1%;
	margin-right: 1%;
}

@media screen and (min-width: 900px) {
	.home > section >div {
		margin-left: 10%;
		margin-right: 10%;
	}
}

.home > section > img {
	width: 100%;
}

.skim-container {
	padding-top: 1em;
	padding-bottom: 1em;
	display: flex;
}

.invert {
	background-color: gray;
	color: white;
}

.invert a {
	color: rgb(8, 78, 170);
}

.skim-container > div {
	margin-right: 1%;
}

.skim-container > div:first-child {
	margin-right: 1%;
}
.skim-container > div:last-child {
	margin-right: 0;
}

.news-shot h3 {
	color: #5a5a5a;
	font-weight: 400;
}

.news-shot > div:last-child > iframe {
	height: 25em;
}

iframe {
	width: 100%;
	height: 18em;
}


@media screen and (min-width: 530px) {
	.only-on-phone {
		display: none;
		width: 0;
	}
}

@media screen and (max-width: 800px) {

	.not-on-tablet {
		display: none;
		width: 0;
	}
	.map {
		border: none;
	}

}


@media screen and (max-width: 530px) {

	.not-on-phone {
		display: none;
		width: 0;
	}

	.news-shot > div:first-child {
		width: 100%;
	}
}

.cover {
	width: 100%;
}

.videos-shot > div {
	width: 100em;
}

.error-message {
	color:red;
	font-weight: bold;
}

.videos-list {
	width: 50%;
}

.news2 ul {
  padding: 0;
  margin: 0;
}
.news2 ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.news2 ul li a {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
}
.news2 ul li a .date {
  font-family: Arial, sans-serif;
  color: #212121;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: .08em;
  display: block;
  margin-bottom: 10px;
}
.news2 ul li a h3 {
  margin-bottom: 10px;
  font-size: 20px;
  color: #424242;
}
.news2 ul li a:hover {
  background: rgba(229, 229, 229, 0.3);
  padding-left: 30px;
}

.gallery {
	--g: 6px; /* the gap */
	
	display: grid;
	 /* the size */
	aspect-ratio: 1;
	grid: auto-flow 1fr/repeat(3,1fr);
	gap: var(--g);
  }
  .gallery img {
	width: 90%;
	height: 100%;
	object-fit: cover;
	filter: grayscale();
	cursor: pointer;
	transition: .5s
  }
  .gallery img:hover {
	filter: grayscale(0);
  }
  .gallery img:nth-child(2) {
	grid-area: 1/2/span 2/span 2;
	clip-path: polygon(0 0,100% 0,100% 100%,calc(50% + var(--g)/4) 100%,0 calc(50% - var(--g)/4))
  }
  .gallery img:nth-child(3) {
	grid-area: 2/1/span 2/span 2;
	clip-path: polygon(0 0,calc(50% - var(--g)/4) 0,100% calc(50% + var(--g)/4),100% 100%,0 100%);
  }