.flex-1 {
    flex: 1%;
}

.flex-15 {
    flex: 15%;
}

.flex-30 {
    flex: 30%;
}

.flex-50 {
    flex: 50%;
}

.flex-70 {
    flex: 70%;
}

.flex-100 {
    flex: 100%;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.sgds-navbar {
    flex-wrap: wrap;
}

.sgds-navbar-menu {
    align-items: center;
}

    .sgds-navbar-menu a:hover {
        color: #FFFFFF;
        text-decoration: none;
    }

.header-title {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    background-color: #79B83F;
    color: #FFFFFF;
}

.top-menu {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    /* identical to box height */
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background-color: #5C9726;
    color: #FFFFFF;
}

.top-menu-bgcolor {
    background-color: #5C9726;
}

.lower-menu {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */
    color: #FFFFFF;
    background: #41523C;
}

.lower-menu-bgcolor {
    background: #41523C;
}

.text-color {
    color: #FFFFFF;
}

.menu-margin {
    margin-right: 20px;
}

.menu-padding {
    padding: 0px 15px;
}

.no-border {
    border: none;
}

.icon {
    padding: 0 0 0 10px;
}

.image-logo {
    background-image: url('../img/SLA Logo.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 96px
}

.header-mobile {
    display: none;
}

.dropdown-menu-mobile {
    display: none;
}

footer {
    padding: 0;
    border-top: none;
    background-image: none;
    /* color: #fff; */
    /* font-size: 16px; */
    /*border-top: 2px solid #79b83f;*/
}

.footer-text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.03em;
}
/* .footer-paragraph {
            font-family: Raleway;
            font-style: normal;
            font-weight: normal;
            font-size: 16px !important;
            line-height: 19px !important;
            letter-spacing: 0.03em;
            color: #969696 !important;
        }*/
.sgds-footer p {
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    color: #969696;
    line-height: 19px;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.sgds-footer > .bottom-section p {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */
    letter-spacing: 0.03em;
}

.sgds-footer ul li a {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */

    letter-spacing: 0.03em;
    color: #969696;
}

    .sgds-footer ul li a:hover {
        text-decoration: none;
    }

    .sgds-footer ul li a:active {
        text-decoration: none;
    }

.sgds-button {
    height: 5.25em;
}

    .sgds-button.is-hovered, .sgds-button:hover {
        border-color: #d6d6d6;
        color: #FFFFFF;
        background-color: #468011;
    }

    .sgds-button:focus {
        color: #FFFFFF;
    }

.sgds-dropdown-item {
    text-decoration: none;
    height: 5rem;
    width: 29rem;
    background-color: #6F6F6F;
    color: #FFFFFF;
    font: Raleway;
    font-weight: 600;
    font-size: 14px;
    padding: 1.5rem;
}

    .sgds-dropdown-item.is-hovered, .sgds-dropdown-item:hover {
        text-decoration: none;
        color: #FFFFFF;
        background-color: #575757;
        border: none;
    }

    .sgds-dropdown-item:after {
        text-decoration: none;
        color: #FFFFFF;
    }

.sgds-dropdown-content {
    background-color: #6F6F6F;
    font-family: Raleway,Arial,sans-serif;
    font-size: 14px;
}

.sgds-button {
    width: 100%;
}

.before-login {
    min-height: 3rem;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.5;
    background: url(../img/ajax-loader.gif) 50% 50% no-repeat #000;
    border-radius: unset;
    animation: none;
    border-color: none;
    border-style: none;
    border-width: unset;
}

.sgds-navbar-item:focus {
    color: #FFFFFF;
}

.sgds-masthead a:hover {
    text-decoration: none;
    color: #484848;
}

.sgds-masthead a:focus {
    text-decoration: none;
    color: #484848;
}

.dropdown center, li, p {
    font-size: unset;
    line-height: unset;
}

.padding-top {
    padding-top: 10px;
}

.padding-left {
    padding-left: 35px;
}

.footer-mobile {
    display: none !important;
}

.footer-desktop {
    display: block !important;
}

.sgds-footer > .bottom-section .row .col {
    padding: .75rem !important;
}


footer.sgds-footer .row {
    padding-right: 30px;
}

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

a.sgds-navbar-item:focus, a.sgds-navbar-item:focus-within {
    color: #FFFFFF;
    text-decoration: none;
}

.sgds-footer ul li a:focus {
    text-decoration: none;
}

.datepicker {
    z-index: 40 !important;
}

.display-block {
    display: block !important;    
}

.bottom-row-height {
    height: 5rem;
}
/* @@media (max-width:768px) {*/
@media (max-width:1023px) {
    .margin-top {
        margin-top: 15px !important;
    }

    .margin-bottom {
        margin-bottom: 15px !important;
    }

    .sgds-navbar-item {
        margin-left: 6px;
    }

        .sgds-navbar-item img {
            max-height: 2.5rem !important;
        }

    .header-title {
        /*top: 15%;
                position: absolute;*/
        left: 20%;
        font-size: 16px;
        line-height: 110%;
    }

    .sgds-navbar-burger {
        background-color: #485245;
        color: #ffffff;
    }

        .sgds-navbar-burger:before {
            content: "Menu";
            top: 33px;
            left: 8px;
            position: absolute;
            font-family: Raleway;
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .sgds-navbar-burger:hover {
            background: #41523C;
        }

    .sgds-navbar-brand .is-active:before {
        content: "close" !important;
    }

    .sgds-navbar-burger span:first-child {
        top: calc(50% - 10px);
    }

    .sgds-navbar-burger span:nth-child(2) {
        top: calc(50% - 5px);
    }

    .sgds-navbar-burger span:nth-child(3) {
        top: calc(50% + 0px);
    }

    .image-logo {
        background-image: url('../img/SLA Logo-mobile.png');
        background-repeat: no-repeat;
        position: absolute;
        width: 58px;
        height: 39px;
        margin: 7px;
        /*left: 7px;
                top: 40px;*/
    }

    .header-mobile {
        display: flex;
        word-break: break-word;
        padding: 9px;
    }

        .header-mobile span {
            margin-right: 5.25rem;
        }

    .header-desktop {
        display: none;
    }

    .dropdown-menu-mobile {
        display: block;
    }

        .dropdown-menu-mobile .link-header {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 16px;
            font-family: Raleway;
            font-style: normal;
            font-weight: 800;
            font-size: 12px;
            line-height: 14px;
            /* identical to box height */

            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: #FFFFFF;
        }

    .sgds-dropdown {
        width: 100%;
        display: block;
    }

    .sgds-button {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 16px;
        height: 46px;
        justify-content: flex-start;
        margin: 0;
    }

    .footer-text {
        font-family: Raleway;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 0.03em;
        color: #FFFFFF;
    }

    .sgds-footer ul li a {
        font-family: Raleway;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        /* identical to box height */

        letter-spacing: 0.03em;
        color: #969696;
    }

    .sgds-dropdown-menu {
        min-width: 100%;
    }

    .sgds-navbar-menu.is-active {
        padding-bottom: 0;
    }

    .sgds-dropdown-item {
        width: 100%;
        background-color: #6F6F6F;
    }

    .before-login {
        min-height: 0;
    }

    .sgds-dropdown-content {
        background-color: #6F6F6F;
        font-family: Raleway,Arial,sans-serif;
        font-size: 14px;
    }

    .padding-left {
        padding-left: 0;
    }

    .footer-mobile {
        display: block !important;
    }

    .footer-desktop {
        display: none !important;
    }

    .sgds-footer p + p {
        margin-top: 0;
    }

    footer.sgds-footer .row {
        padding-right: 0;
    }

    .align-right {
        text-align: left;
    }

    .datepicker {
        z-index: 10 !important;
    }

    .display-block {
        display: block !important;
    }
}

@media (max-width: 414px) {
     .header-mobile span {
        margin-right: 6.25rem;
    }
}

@media (max-width:375px) {
    .header-mobile span {
        margin-right: 6.25rem;
    }
}