@charset "utf-8";

/* =====================================
   HEADER
===================================== */

header{

    position:sticky;

    top:0;

    z-index:1000;

    background:var(--black);

    border-bottom:1px solid var(--gray-300);

    padding:25px 0;

}

.header-container{

    max-width:1250px;

    width:94%;

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.logo{

    width:500px;

    animation:slideLeft 1s ease-out;

}

nav{
    flex-shrink:0;
}

nav a{

    color:var(--gray-100);

    text-decoration:none;

    font-size:18px;

    margin-left:22px;
    display:inline-block;
    white-space:nowrap;

}

nav a:hover{

    color:var(--white);

}



/* WEBSITE RESCUE NAV */
nav a.rescue-nav{
    color:#c7aa6a;
    margin-left:14px;
    font-size:16px;
    font-weight:bold;
    letter-spacing:.02em;
}
nav a.rescue-nav:hover,nav a.rescue-nav.active{color:#fff;}