@import url("style.css");

html {
    scroll-behavior: smooth;
}

main{
    padding: 0 3rem;
    
}

.policy-headings a{
    display: block;
    text-decoration: none;
    padding: 1rem;
    font-weight: bold;
}

.policy-content section{
    padding: 3rem;
    border-bottom: 1px dotted var(--pyralume-red);
}

.policy-content li{
    padding: .5rem;
}



h2{
    color: var(--pyralume-red);
}


@media (min-width: 720px) {
    .policy-grid{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        position: relative; 
    }

    #headnote{
        padding-top: 0;
    }

    .policy-headings{
        
            position: fixed;
            max-width: 400px;
            z-index: 1;
            border-right: 1px solid var(--white);
            
        
    }

    .policy-content{
        grid-column: 2/4;
    }

    footer{
        z-index: 2;
        position: relative;
    }
}