body {
  background: linear-gradient(-45deg, #45484a, #474b4e, #535b61, #65727c);
	background-size: 400% 400%;
	animation: gradient 6s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
body::before {
	position: absolute;
  filter: blur(80px);
	content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
	width: 50%;
	height: 60%;
	background: rgba(35, 31, 32, 0.8);
	border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;
	will-change: border-radius, transform, opacity;
	animation: sliderShape 4s linear infinite;
	display: block;
	z-index: -1;
	-webkit-animation: sliderShape 3s linear infinite;
}
@keyframes sliderShape{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
    transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}

#bg:after {
  display: none;
}

#header {
  background-image: none;
}

#header > *:before,
#header nav.use-middle:after {
  display: none;
}

#header .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 25px;
  width: 11.5rem;
  height: 4rem;
  line-height: 3rem;
  border-radius: 4px;
}

#header .logo svg {
  max-width: max-content;
  max-height: max-content;
}

#header .content p {
  max-width: 900px;
  text-align: justify;
}

#header .show_1 {
  display: none;
}

#header nav ul,
#header nav ul li {
  border: none;
}

#header nav ul {
  gap: 10px;
}

#header nav ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 7.5rem;
  padding: 10px 20px;
  line-height: unset;
  height: 3.75rem;
  border-radius: 4px;
  box-shadow: inset -8px -8px 10px 0 rgba(0, 0, 0, 0.02),
    inset 8px 8px 15px 0 rgba(255,255,255,0.02);
}

#header nav ul li a svg {
  max-width: max-content;
  max-height: 42px;
}

.content-logo {
  display: flex;
  margin-top: 1rem;
}

.content-logo svg {
  max-width: 300px;
  max-height: 150px;
  height: max-content;
  width: max-content;
}

/* Hide logos and titles */
/* First window */
.major.hide-logo_ {
  display: none;
}
.major.hide-logo_1 {
  display: block;
}

.content-logo.hide-logo_ {
  display: flex;
}
.content-logo.hide-logo_1 {
  display: none;
}
/* Second window */
.major.hide-logo_2_ {
  display: none;
}
.major.hide-logo_2_1 {
  display: block;
}

.content-logo.hide-logo_2_ {
  display: flex;
}
.content-logo.hide-logo_2_1 {
  display: none;
}
/* Third window */
.major.hide-logo_3_ {
  display: none;
}
.major.hide-logo_3_1 {
  display: block;
}

.content-logo.hide-logo_3_ {
  display: flex;
}
.content-logo.hide-logo_3_1 {
  display: none;
}
/* Fourth window */
.major.hide-logo_4_ {
  display: none;
}
.major.hide-logo_4_1 {
  display: block;
}

.content-logo.hide-logo_4_ {
  display: flex;
}
.content-logo.hide-logo_4_1 {
  display: none;
}

.image.main img {
  max-height: 600px;
  object-fit: cover;
  object-position: center;
}

.content-gallery {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}

.content-gallery img {
  width: 100%;
  max-width: calc(50% - 10px);
  max-height: 500px;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
.content-gallery img:last-child {
  max-width: 100%;
}

.buttons-container .actions {
  margin-bottom: 1rem;
}
.buttons-container .actions:last-child {
  margin-bottom: 2rem;
}

@media screen and (max-width: 736px) {
  #header .logo {
    width: 9.75rem;
    height: 3.5rem;
    line-height: 2.75rem;
    padding: 10px 15px;
  }

  .content-gallery {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 480px) {
  html,
  body {
    min-width: 240px;
  }

  #header nav ul li a {
    width: 9.5rem;
  }

  .content-gallery {
    margin-bottom: 1.5rem;
  }
  .content-gallery img {
    max-width: 100%;
    max-height: 300px;
  }
}