/*--- header ---*/

.site-header {
    background-color: #fff;
    padding: 1em 0;
    .main-menu {
        display: none;
        @include large-devices() {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            height: 100%;
        }
        ul {
            list-style-type: none;
            margin: 0;
            li {
                display: inline;
                margin-right: 1em;
                a {
                    outline: none;
                    text-decoration: none;
                    border: 2px solid transparent;
                    -webkit-border-radius: 100px;
                    -moz-border-radius: 100px;
                    border-radius: 100px;
                    padding: 10px 2em;
                    transition: all 0.3s ease 0s, color 0.3s ease 0s;
                    font-weight: 500;
                    font-size: 18px;
                    line-height: 22px;
                    &:hover,
                    &:focus {
                        border: 2px solid var(--site-branding-colour);
                    }
                }
            }
        }
    }
}

.main-container {
    width: 100%;
}