.nav-border {
    position: relative;

}



.nav-border::before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    background-image: 

        radial-gradient(circle at 0 100%, transparent 4px, #E87524 4px, #E87524 8px, transparent 8px),

        linear-gradient(to right, #E87524 8px, transparent 8px),

        linear-gradient(to top, #E87524 4px, transparent 4px);

    background-position: 0 100%, 0 0, 0 100%;

    background-repeat: no-repeat;

    display: none;

}



@media (min-width: 768px) {

    .nav-border::before {

        display: block;

    }

}



.logo-container {

    margin-bottom: -4px;

    border-bottom-right-radius: 3rem;

    border-bottom-left-radius: 3rem;

    background: linear-gradient(to bottom right, transparent 0%, transparent 50%, #E87524 50%, #E87524 100%);

}



.footer-logo-container {

    margin-top: -4px;

    border-top-right-radius: 3rem;

    border-top-left-radius: 3rem;

    background: linear-gradient(to top right, transparent 0%, transparent 50%, #E87524 50%, #E87524 100%);

    width: 6rem;

    height: 100%;

    overflow: hidden;

}



@media (min-width: 768px) {

    .footer-logo-container {

        width: 14rem;

    }

}



@media (min-width: 1024px) {

    .footer-logo-container {

        width: 16rem;

    }

}