:root {
    --Font-Size-Body-Large: 25px;
    --Font-Size-Body-Medium: 20px;
} 

/* 1. Box sizing */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Remove default margin and padding */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, blockquote, dl, dd {
  margin: 0;
  padding: 0;
}

body {
    font-family: 'Lato', sans-serif;
    font-size:17px;
    font-weight:400;    
}

h1,h2,h3 {
    font-family: 'Neuton', serif;
    font-weight: 700;
}

div.main_content_wrapper {
    width:100%;
    margin-left: auto;
    margin-right: auto;
}

section#hero {
    background-color:#6e2445;
    background-image:url('assets/bg-tree.png');
    background-repeat: no-repeat;
    background-position: center top;
    color:#fff;
    text-align: center;
}

section#donation, section#applications {
    font-family: 'Lato', sans-serif;
}

section#hero > div {
    padding:70px;
}

section#hero img.logo {
    padding-bottom: 60px;
    max-width:100%;
}

section#hero .content p {
    font-size: var(--Font-Size-Body-Large);
    line-height: 48px;
}

section#hero .content p.intro {
    padding-bottom: 40px;
}

section#hero .content p.mission, section#donation .content {
    font-size:var(--Font-Size-Body-Medium);
    line-height: 44px;
}

section#hero .content h1 {
    font-size:30px;
    padding-bottom: 10px;
}

section div.inner_container {
    width:90%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

section#donation {
    background-color:#fff;
    text-align: center;
}

section#donation div.content {
    padding:85px 20px;
}

div#pp_button {
    background-color:#bdbdbd;
    max-width:450px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-bottom: 70px;
    transition: 0.4s all;
    padding:20px 0;
    border: 0;
    border-right: 4px ridge #74626c !important;
    border-bottom: 4px ridge #74626c !important;    
}

div#pp_button:hover {
    background-color:#f1dfbd;    
}

div#pp_button p.donate {
    font-size:var(--Font-Size-Body-Large);
    text-transform: uppercase;
    font-weight: 700;
    color:#591d3d;
    margin-bottom: 10px;
}

div.divider.first{
    height:13px;
    width:100%;
    background-color:#6e2445;
}

section#applications {
    background-color:#f1dfbd;
    padding:80px 0 40px 0;
}

a.sst_button.with_icon span {
    display:flex;
    gap:10px;
    align-items: center;
}

a.sst_button {
    display:inline-block;
    width:400px;
    max-width:100%;
    padding:40px;
    background-color:#bdbdbd;
    border-right: 4px ridge #74626c !important;
    border-bottom: 4px ridge #74626c !important; 
    transition: 0.4s all;
    text-decoration: none;
}

a.sst_button{
    background-color:#bdbdbd;
    color:#591d3d;
    font-size: var(--Font-Size-Body-Large);
    text-transform: uppercase;
    font-weight:700;
    border-radius: 4px;
}

a.sst_button:hover {
    background-color:#5d1f3f;
    color:#ffffcc;
}

section#applications .sst_button {
    margin-bottom: 50px;
}

a.sst_button.with_icon img {
    width:30px;
}

div.columns {
    display:flex;
    gap:2em;
    justify-content: space-between;
}

div.columns .column:first-of-type {
    flex:0 0 43%;
}

div.columns .column:nth-of-type(2) {
    flex:0 0 49%;
}

p.applications_title {
    font-size:var(--Font-Size-Body-Medium);
    font-weight:700;
    line-height: 33px;
    margin-bottom: 20px;
}

.awardees_wrapper {
    background-color:#f7ebd7;
}

.awardees_content {
    padding:30px;
}

.awardees_wrapper .image {
    background-image:url(assets/i-contextual.jpg);
    background-size:cover;
    background-position: center;
    aspect-ratio:480/287;
    width:100%;
}

section#applications h2, .applications_address {
    font-family: 'Lato', sans-serif;
    font-size:var(--Font-Size-Body-Medium);
    font-weight: 700;
    color:#6e2445;
    margin-bottom: 8px;
}

section#applications h3, section#applications h4 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color:#6e2445;
    margin-bottom: 8px;
}

.awardees_list ul {
    list-style:none;
    margin-left:0;
    margin-bottom: 40px;
}

.awardees_list ul li, .board_table td, .previous_grantees, .applications_address {
    font-size:var(--Font-Size-Body-Medium);
    line-height: 1.55em;
}

.awardees_list ul li {
    line-height: 1.25em;
    padding-bottom:10px;
}

.board_table td {
    padding:6px 10px;
}

.previous_grantees {
    margin-bottom: 30px;
}

a.applications_email {
    color:#333;
    font-size:var(--Font-Size-Body-Medium);
}

section.bottom_borders .border1 {
    height:32px;
    width:100%;
    background:#e3bd73;
}

section.bottom_borders .border2 {
    height:20px;
    width:100%;
    background:#222;
}

td.sst {
    text-align: center;
    padding:15px;
    background-color:#fff;
    border:1px solid #e1e1e1;
}

.sst_benefactor {
    margin-bottom:30px;
    font-weight: 700;
}

.board_list, .awardees_list {
    text-align: center;
}

.board_list ul {
    list-style: none;
    margin-bottom: 40px;
}

.board_list ul li, .board_list p {
    font-size:var(--Font-Size-Body-Medium);
    line-height: 1.55em;
}

p.sst {
    margin-bottom: 40px;
}

div.address {
    text-align: center;
    margin-top:40px;
}

/* Responsive */

@media only screen
    and (max-width: 980px) {
        
        .columns {
            flex-direction: column;
        }
        
        section#hero > div {
            padding:20px 0;
        }
        
        form input {
            max-width:90%;
        }
        
        a.sst_button {
            padding:25px;
        }
        
        section#hero img.logo {
            padding-top:50px;
        }
}