body {
    font-family: "Raleway", Arial, sans-serif;
}

::selection {
    color: #ffffff;
    background-color: #e04a22;
}

.logo {
    height: 50px;
    width: auto;
}

.custom-color .nav-link {
    color: #000000;
    transition-duration: .3s;
}

.custom-color .nav-link:hover {
    color: #e04a22;
}

.custom-color .active {
    background-color: #e04a22!important;
}

.custom-color .active:hover {
    background-color: #000000!important;
    color: #ffffff;
}

.text-custom {
    color: #e04a22;
    transition-duration: .3s;
}

.text-custom:hover {
    color: #000000;
}

.container-display {
    position: relative;
    transition-duration: .3s;
}

.container-display p {
    position: absolute;
    left: 0;
    margin: 5px;
    background-color: #e04a22;
    border: none;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.container-display p:hover {
    background-color: #ffffff;
    color: #e04a22;
}

.container-display:hover p {
    visibility: visible;
    opacity: 1;
    transition: all .3s;
}

.title-display {
    cursor: pointer;
    transition: all .3s;
}

.title-display:hover {
    color: #e04a22;
    transition: all .3s;
}

.btn-submit {
    background-color: #e04a22!important;
    border-color:#e04a22;
}

.btn-submit:hover {
    background-color: #000000!important;
    border-color: #000000;
}

.title-underline {
    text-decoration: underline;
    text-decoration-color: #e04a22;
}

.backto {
    transition: all .3s;
    cursor: pointer;
}

.backto:hover {
    color: #e04a22;
    transition: all .3s;
}

.orange-link {
    transition: all .3s;
    color: #e04a22;
}

.orange-link:hover {
    transition: all .3s;
    color: #000000;
}

.text-orange {
    color: #e04a22;
}

.disclaimer {
    text-transform: uppercase;
}

.galerie-item {
    cursor: pointer;
    transition: all .3s;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
}

.galerie-item:hover {
    transform: scale(1.02);
    filter: brightness(80%);
}