body {

margin: 0;
padding: 0;
background-color: #004f60;
color: #f7f9fa;

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


.link_menu {
    color: #ff9023;
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}

li {
    float: left;
}

li a {
        display: block;
        color: white;

        text-decoration: none;
        padding-right: 4rem;
        color: #ff9023;
        font-size: 1.675rem;
        font-weight: 400;
}

li a:hover:not(.active) {

}


.container{

padding: 2rem 4rem;

}

.donate{

padding-top: 2rem;


}



.title{

padding-top: 3.5rem;
font-size: 1.675rem;
font-weight: 200;


}




.hrline1 {
    border: none;
    border-bottom: 1px solid #8e8e8e;
    padding-bottom: 2rem;
}





.post_title {
    color: #ff9023;
    font-size: 1.675rem;
    font-weight: 200;
    padding-bottom: 8px;
}

.post_date {
    color: #fff;
    font-size: 0.825rem;
    font-weight: 300;
    letter-spacing: 1px;
    padding-bottom: 1.25rem;
}



.post_link {
    padding-top: 1rem;
    padding-bottom: 2rem;

}

.post_link a {

text-decoration: none;
color: #ff9023;
font-size: 1rem;
font-weight: 400;
}





.about_col {
    display: grid;
    grid-gap: 2.5rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}



.img_resp{

width: 100%;


}


.artwork {
    width: 100%;
    text-align: right;
    letter-spacing: 1px;
    color: #9e9e9e;
    text-transform: uppercase;
    font-size: .5rem;
}


.italic {
    font-style: italic;
}


.link_clean {


    text-decoration: none;

    color: #ff9023;

    font-weight: 400;
}







    .footer {
        padding-top: 3rem;
    }


.footer_1 {
    
    background-color: #faf3e7;
        
        padding-top: 2rem;
}


.footer_3{
background-color: #002f3a;
font-size: .75rem;
letter-spacing: 1px;
}



.footer_links1 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.footer_links1 img{

max-height: 16rem;

}

.footer_links2 {
    display: grid;
    grid-gap: 5rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    
}
    .footer_links2 div{

        text-align:center;


    }
    .footer_links2 img {
        max-width: 10rem;
        margin: auto;
    }