:root {
	  --primary-color:#001F29;
	  --text-color: white;
	  --bg-color: #001F29;
	}
	
	
	body {
	  color: var(--text-color);
	  background: #252638
	}
	
	.navbar {
	  background-color: #1C1C28 !important;
	  padding-top: 0.2rem !important;  /* Зменшений верхній відступ */
	  padding-bottom: 0.2rem !important;  /* Зменшений нижній відступ */
	}
	
	.navbar-brand img {
	  height: 100px !important; /* Зменшена висота логотипу */
	}
	
	.banner {
	  background-color: #1C1C28;
	  color: white;
	  padding: 60px 0;
	}
	
	/* Горизонтальне розташування кнопок */
	.navbar-nav {
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  flex-wrap: nowrap;
	}
	
	.navbar button {
	  margin-right: 10px;
	  background: linear-gradient(135deg,#3e7bfa 0%,#60c 100%);
	  color: white;
	  font-size: 23px;
	  border: 1px solid transparent
	}
	
	body > nav > div > div > a:nth-child(2) > button {
		background: linear-gradient(135deg,#00cfde 0%,#05a660 100%);
		color: white;
	}
	
	@media (max-width: 768px) {
	  .navbar button {
		margin-right: 5px;
	  }
	}
	
	.content-image {
	  max-width: 100%;
	  height: auto;
	  margin: 20px 0;
	}
	
	footer {
	  background-color: var(--primary-color);
	  color: white;
	  padding: 20px 0;
	}
	
	.banner {
	  position: relative;
	}
	
	.banner img {
	  width: 100%;   /* Зображення завжди заповнює ширину контейнера */
	  height: auto;  /* Пропорційна висота */
	  display: block;
	}