* {
    box-sizing:  border-box;
    margin: 0;
    padding: 0;
 }

 html, body {
    font-size: 62.5%;
    scroll-behavior: smooth;
    height: 100%;
    overflow-x: hidden;
 }

 body {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-size: 1.6rem;
    margin: 0; 
    padding: 0; 
 }

 .hero-shadow {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.5);
 z-index: -1;
 }

 [id]{
     scroll-margin-top: 84px;
 }

 @media(min-width:992px){
     [id]{
         scroll-margin-top: 69px;
     }
 }
 @font-face {
    font-family: 'IcoMoon-Ultimate';
    src: url('https://cdn.comm.pl/navi/ikony/IcoMoon-Ultimate.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.icon {
    font-size: 32px;
    font-family: 'IcoMoon-Ultimate' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 32px;
    position: relative;
    top: 10px;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
}
 .orange-color {
     color: rgb(255, 102, 0);
     font-size: 28px;
 }
 .green-color {
    color: green;
 }
 .orange-color2 {
    background-color: rgb(255, 102, 0);
}
 .navbar-brand {
     font-size: 2.2rem;
 }

 .nav-link, .navbar-toggler-icon {
     font-size: 1.8rem;
     text-transform: uppercase;
 }

 .navbar-toggler {
     padding: 1em 1em;
 }
 .logo-img {
    max-height: 80px; /* Określa maksymalną wysokość */
    height: 80px; /* Ustawienie stałej wysokości */
    object-fit: contain; /* Zapewnia, że logo zachowa proporcje */
  }
 .home {
     position: relative;
     height: 60rem;
     background-image: url('../img/widok.jpg');
     background-size: cover;
     background-position: center;
     z-index: 0;
 }
 .home .btn {
     padding: 1em 2em;
     font-size: 1.8rem;
     text-transform: uppercase;
 }
 .home .welcome-text {
     font-size: 2.2rem;
 }

 .aboutus-box h3 {
     font-size: 2.4rem;
     font-weight: bold;
     text-transform: uppercase;
 }
 .aboutus-icon {
     font-size: 4rem;
 }

.aboutus-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    height: auto;  /* Zmieniono na auto, aby rozciągało się na wysokość zawartości */
}

.aboutus-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    min-height: 400px; /* Minimalna wysokość */
    height: auto;
    padding: 1rem;
    box-sizing: border-box;
    overflow: auto; /* Dodanie przewijania, jeśli tekstu jest za dużo */
}

/* Na małych ekranach */
@media (max-width: 767px) {
    .aboutus-box {
        min-height: 400px; /* Na małych ekranach wysokość nadal taka sama */
        height: 400px;
    }
}
 .accordion-button {
     padding: 1em;
     font-size: 1.8rem;
 }
 .accordion-button:not(.collapsed) {
     color: rgb(233, 106, 22);
     background-color: rgb(248, 248, 248);
 }

 .team {
     background-color: rgb(248, 248, 248);
 }
 .team .card-img-top {
    height: 200px; /* Wybierz odpowiednią wysokość dla obrazków */
    object-fit: cover; /* Zachowanie proporcji obrazu, jednocześnie wypełniając przestrzeń */
    width: 100%; /* Zapewnia, że obrazki będą miały pełną szerokość */
}

 
 .team .card-title {
     font-size: 2rem;
     color: rgb(255, 102, 0);
 }
 .team .card-body {
    background-color: rgb(240, 240, 240);
 }
 .projects {
     background-color: rgb(255, 255, 255);
 }

 .projects .card-title {
     font-size: 2rem;
     color: rgb(255, 102, 0);
 }

 .projects .card-body {
    background-color: rgb(248, 248, 248);
 }

 .contact h3 {
     font-size: 2rem;
     font-weight: bold;
     text-transform: uppercase;
 }
 .contact .submit-btn {
     font-size: 1.6rem;
 }

 .card {
    display: flex;
    flex-direction: column;
}

 .card-body {
    display: flex;
    flex-direction: column;  /* Ustawia elementy w kolumnie */
    justify-content: space-between;  /* Rozdziela elementy: tytuł na górze, loga na dole */
    height: 100%;  /* Zapewnia, że kontener zajmuje całą dostępną wysokość */
    padding-bottom: 10px;  /* Padding na dole */
    flex-grow: 1;
  }
  
  .card-body .card-text {
    margin: 0;  /* Usuwa marginesy wokół opisu */
    flex-grow: 1;  /* Sprawia, że tekst będzie zajmował pozostałą przestrzeń */
  }
  
  .card-body .logos {
    display: flex;
    justify-content: center;  /* Loga obok siebie */
    gap: 10px;  /* Odstęp między logami */
    margin-top: 20px;  /* Dodaje przestrzeń nad przyciskami */
  }
  
  /* Ustawienie logotypów */
  .card-body a {
    display: inline-block;
  }
  
  .card-body img {
    max-height: 40px; /* Maksymalna wysokość logo */
    width: auto;
    vertical-align: middle;
  }
  .nav-link.active {
    color: rgb(255, 102, 0) !important;  /* Zmienia kolor na czarny */
}