.homeBackground {
    background-image: url('./../img/images/image_city.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.displayFlexColumnHome {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
}

.logoPosition {
    display: flex; 
    flex-direction: row-reverse;
}

@media (max-width: 600px) {
    .logoPosition {
        justify-content: center;
        padding-bottom: 10vh;
    }
}

.line-with-text {
    display: flex;
    align-items: center;
    text-align: center;
}

.line-with-text::before,
.line-with-text::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid rgb(255, 255, 255); /* You can change the line color and thickness here */
}

.line-with-text::before {
    margin-right: 10px; /* Space between the line and the text */
}

.line-with-text::after {
    margin-left: 10px; /* Space between the line and the text */
}

.line-with-text span {
    white-space: nowrap; /* Prevents the text from breaking into a new line */
}

.homeWidth {
    width: 70%;
}

.homePosition {
    background-color: #343a40; 
    height: 85vh; 
    padding: 20px; 
    margin-top: 10vh;
}

@media (max-width: 991px) {
    .homePosition {
        height: 90vh; 
        margin-top: 10vh;
    }
    
}