html, body {
  height: 100%;
  margin: 0;
}

body {

	font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
	
}

#cd {

	width: 25%;
	margin: 10px;
}

a:hover {
	color: #90D6F4;
}

.my-carousel {

	padding: 0;
}

.my-carousel .carousel-item img {

	object-fit: cover;

}

.wrapper {
  min-height: 100%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -50px;
}
.footer,
.push {
  height: 25%;
}

.link {
  color: #fff;
  text-decoration: none;
}

.link:hover {
  color: #99FFBD;
  
}

.center {
  text-align: center;
}

#bg {

	

	background-image: url('../img/confetti-17.gif');
	
	display: flex;
  justify-content: center;
  align-items: center;
}

#col {

	color:  #20B2AA;
}

.partners {
  margin-top: 20px;
  text-align: center;
}

.partner {
  display: inline-block;
  margin: 0 50px; /* Adjust the margin as needed */
}

.partner img {
  width: 50px; 
  height: 50px;
  border-radius: 50%;
  border: 1px solid gray;
  margin: 10px;
transition: transform 0.5s ease; /* Додаємо плавний перехід для властивості transform */
}

.partner img:hover {
  transform: scale(1.5); /* Збільшуємо зображення при наведенні курсору */
}


@media (max-width: 768px) {
  .partner {
    margin: 0 5px; /* Зменшивши відстань для мобільної версії */
  }

  .partner img {
    width: 20px; /* Зменшивши розмір для мобільної версії */
    height: 20px;
    margin: 5px; /* Зменшивши відстань для мобільної версії */
  }

  .partner img:hover {
    transform: scale(1.3); /* Зменшивши масштаб для мобільної версії */
  }
}