html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
}

.header {
    padding: 10px;
}

nav {
    margin-top: 1.0rem;
    background-color: #f5f5f5;
    position:-webkit-sticky; 
    position:sticky; 
    top:0;
}

.menu-shadow {
    -webkit-box-shadow:0 20px 20px -30px rgba(0,0,0,.7), 0 -20px 20px -30px rgba(0,0,0,.7);
    box-shadow:0 20px 20px -30px rgba(0,0,0,.7), 0 -20px 20px -30px rgba(0,0,0,.7);
}

nav .container {
    text-align: center;
}

nav .container ul {
    margin-left: -20px;
    margin-right: -20px;
}

nav .container a.link {
    color: #4e504d;
    font-weight: normal;
    font-size: 24px;
}

nav .container a:hover,
nav .container a.link:hover {
    color: #1A75AD;
}

nav .container a.active {
    color: #19A4FA;
}

nav div {
    align-self: center;
}

nav .menu {
    margin-right: auto;
}

nav .logo {
    display: inline-block;
}

.text-justify {
    text-align: justify;
}

.align--flex-center {
    justify-content: center;
}