/******************************************************************
INDEX
******************************************************************/

#carouselExampleIndicators .img-fluid {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.m-steps .media-body h3 {
    font: 600 19px/24px "Open Sans";
}

.m-promo .m-promo-box h3 {
    margin-bottom: 0;
}

.m-promo-box {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .m-promo-box {
        margin-bottom: 0;
    }
}

.m-promo .m-promo-box .img-fluid {
    margin-bottom: 1rem;
}

.m-contact .ico-container {
    align-items: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    height: 60px;
    margin-right: 10px;
    width: 60px;
}

.m-contact .ico-container.ico-phone {
    background: #b55353;
}

.m-contact .ico-container.ico-email {
    background: #d25306;
}

.m-contact .ico-container.ico-email img {
    width: 40px;
}

.m-contact .media {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .m-contact .media {
        margin-bottom: 0;
    }
}

.navbar {
    min-height: 120px; /* Vagy állíts be egy fix magasságot, ha az jobban illik a designodhoz */
  }
  
  /* A navbar belső elemeinek vertikális középre igazítása */
  .navbar .container, .navbar .navbar-brand {
    display: flex;
    align-items: center;
    height: 100%; /* Ez biztosítja, hogy a belső elemek kitöltsék a teljes magasságot */
  }