:root {
    --Orange: #f98008;
    --Blue: #0a496b;
    --transition: 300ms;
}

.navigation {
    position: sticky;
    top: 0;
    z-index: 999;
    margin-bottom: 4em;
    color: white;
    box-shadow: 0px 10px 14px -4px rgba(105,105,105,1);
    background-color: var(--Orange);
}

.navigation p {
    font-size: 1.4rem;
    padding: .5rem;
    display: flex;
    justify-content: center;
    background-color: var(--Blue);
}

.navigation div {
    padding: .5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navigation div .img {
    width: 20em;
}

.navigation div nav {
    color: white;
}

.navigation div nav a {
    font-size: 1.6rem;
    margin-left: .5rem;
    color: white;
}

.navigation,
.navigation p,
.navigation div {
    width: 100%;
}

@media screen and (max-width: 700px) {
    .navigation {
        margin-bottom: 0;
    }

    .navigation div nav {
        display: none;
    }
}