html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.navbar-list .navbar-item .four {
    color: #fe5a0e;
}

.image-container {
    position: relative;
}

.image-container::before {
    background-color: #0B0B0B;
    opacity: 0.5;
}

.image-contact {
    width: 100%;
    max-height: 600px;
    position: relative;
}

.overlay-text {
    font-family: 'Poppins';
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 5vw;
    text-align: center;
}

@media (max-width: 767px) {
    .overlay-text {
        font-size: 28px;
    }
}

.main-container {
    margin-top: 80px;
    margin-bottom: 80px;
}

.main-container h1 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.main-container .sec-title h3 {
    font-size: 35px;
    margin-bottom: 20px;
}

.main-container .sec-title p {
    font-size: 28px;
    line-height: 28px;
}

.main-container .informations-container {
    margin-top: 100px;
}

@media (max-width: 767px) {
    .main-container .informations-container {
        text-align: center;
    }
}

.main-container .address h3,
.main-container .contact h3 {
    font-size: 1.8em;
}
.main-container .address p,
.main-container .contact li a {
    font-size: 1.2em;
    color: #888888;
}

.main-container .contact li a {
    line-height: 30px;
}

.main-container .contact i {
    padding-right: 5px;
}

.main-container .contact li a:hover {
    color: #FE5A0E;
}