header {background:#3A515F;}
header i {color:#E8DC92}

nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 3px auto;
    padding: 0;
    position: relative;
}

.colm span a {font-size:18px}

nav a, nav span.obf {
    line-height: 24px; font-size:16px;color:#efefef;
    text-decoration: none;font-weight: bold
}}

nav a.btnr {
    text-shadow: 0 0 2px #000;
    padding: 5px;
    font-weight: 700;
    line-height: 24px;
    background: #aa0000
}

.nav-links {
    display: flex;
    justify-content: space-between;
    list-style-type: none
}

.nav-links li {
    padding: 0px;
    margin: 0;
    width: 100%;
    font-size: 14px;
    text-align: center
}

.nav-links,span {
    flex: 1
}

p {
    margin: 10px
}

.label {
    visibility: hidden;
    font-size: 16px;
    position: absolute;
    right: 20px
}

.label:hover {
    cursor: pointer
}

.fas {
    position: absolute;
    font-style: normal;
    top: 50%;margin-right:2px;
    transform: translateY(-50%);padding:3px;
}

nav span {
    max-width: 125px;
    font-size: 22px;
    font-weight: 700;
    margin: 5px 40px 5px 5px;
}

#hamburger {
    display: none
}

#hamburger:checked+label .fa-bars {
    visibility: hidden
}

#hamburger:checked+label .fa-times {
    visibility: visible
}

#hamburger:checked~.nav-links {
    display: block
}

@media screen and (max-width: 600px) {
    .nav-links {
        display:none;)
    }

    .fa-bars {
        visibility: visible;right:1px
    }

    .nav-links li {
        text-align: right!important;
        padding-right: 30px;
        line-height: 25px
    }
}

@media screen and (min-width: 600px) {
    .fa-times {
        visibility:hidden!important
    }

    .nav-links {
        display: flex!important
    }
}