/* Globalne style */
    body {
    }
	
	h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	}
	
	h1 {
	  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Cień o umiarkowanym rozmyciu */
	  font-size: 3rem; /* Dostosuj rozmiar w razie potrzeby */
	}

    a {
      color: #4469d7;
      text-decoration: none;
      transition: color 0.3s ease;
    }
    
    a:hover {
      text-decoration: none;
      color: #0056b3; /* Zmiana koloru po najechaniu */
    }
	
    a.a-norm {
      color: #495057;
      text-decoration: none;
      transition: color 0.3s ease;
    }
    
    a.a-norm:hover {
      text-decoration: none;
      color: #4469d7; /* Zmiana koloru po najechaniu */
    }
	
	.nav-link:hover {
      color: #4469d7;
	}
	
	.logo {
		max-width: 250px;
	}
	
	.logobox {
		min-height: 215px;
		padding-top: 20px;
	}
	
	.logohurt-box {
	width: 200px;
	height: 100px;
	margin: auto;
	}
	
	.logohurt {
		max-width: 120px;
		max-height: 90px;
		margin: auto;
		padding-top: 15px;
	}

	.bg-green {
		background-color: #28a745; /* Zielone tło */
		color: #fff; /* Biały tekst */
	}

	.bg-red {
		background-color: #dc3545; /* Czerwone tło */
		color: #fff; /* Biały tekst */
	}
	
	.my_icons {
		max-width: 250px;
		max-height: 200px;
		padding: 15px;
	}
	
	.bg-roadmap {
		background-color: #f2f2f2;
	}
	
	.bg-footer {
		background-color: #4e73df;
	}

@media (min-width: 940px) {
	.box-min {
		min-width: 25%;
		min-height: 200px;
	}
}

    /* Nawigacja */
    .navbar {
      background-color: #fff;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
	
	.btn-sys {
		background-color: #4469d7;
		border-color: #4469d7;
	}
	
	.btn-phone {
		background-color: #1cc88a;
		border-color: #1cc88a;
	}
	
@media (max-width: 940px) {
	.sys-mob {
		margin-bottom: 15px;
	}
	.txt-mob {
		text-align: center;
	}
}

	.hero-section {
	  position: relative;
	  background: url('../img/background.jpg') center top -20px/cover no-repeat;
	  color: #fff;
	  padding: 100px 0;
	  text-align: right;
	}
	
/* Styl obrazków */
.placeholder-img {
    width: 100%;
	background: #fff;
	max-height: 225px;
    overflow: hidden; /* Ukrycie nadmiarowej części obrazu */
    border-radius: 4px; /* Opcjonalne zaokrąglenie */
}

.placeholder-img img {
    width: 100%;
    height: 100%; /* Dopasowanie do wysokości kontenera */
	max-height: 225px;
    object-fit: cover; /* Kadrowanie obrazu */
}

@media (max-width: 940px) {
    .placeholder-img {
        height: 150px; /* Mniejsza wysokość na urządzeniach mobilnych */
    }

    .client-logo-normal {
        max-width: 150px; /* Dopasowanie logotypów */
        max-height: 150px;
        margin: auto; /* Wyśrodkowanie */
    }
}


/* Karty z jednolitą wysokością */
.card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/* Tekst w kartach */
.card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

.client-logo-normal {
    max-width: 250px; /* Dopasowanie do kontenera */
    height: auto;    /* Zachowanie proporcji */
	max-height: 225px;
    display: inline-block;
}

@media (max-width: 940px) {
.client-logo-normal {
    max-width: 150px; /* Dopasowanie do kontenera */
    height: auto;    /* Zachowanie proporcji */
	margin: 35px;
    display: inline-block;
}
}

.client-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

	.my-logo {
      max-width: 85px;
	}
	
	footer a {
	color: #fff;
	}