body {
    background-color: #f9f7f1;
    font-family: "Merriweather",serif;
    color: #4B3728;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

h1 {
    font-family: "Merriweather",serif;
    font-size: 2.5em;
    font-weight: 900;
    color: #4B3728;
    text-align: center;
    margin-top: 40px;
    padding: 0 10px;
}

h2 {
    border-bottom: 2px solid #E0D7C7;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

h3, footer {
    text-align: center;
    color: #6b5d52;
}


main {
    max-width: 1200px; 
    width: 90%;
    margin: 40px auto;
    background-color: white; 
    padding: 40px;
    border: 1px solid #E0D7C7;
}


img {
    max-width: 100%;
    height: auto;
    display: block;
}


.section-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 20px;
}

.overviewText, .pilot, .costText {
    flex: 2; 
}

.image-container, .gallery, .proposalA img {
    flex: 1; 
}

.proposalA .progressDigest {
    flex: 2;
    border: 2px solid #4B3728;
    padding: 30px;
    background-color: #fffaf0;
}

.gallery {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pilot {
    border: 2px solid #4B3728;
    padding: 30px;
}

.cost .budgetImg {
    margin: 20px auto;
    width: 70%;
    border: 1px solid #ddd;
}

.tableauContainer {
    width: 100%;
    overflow: hidden;
    margin: 10px 0;
}

.conclusion {
    border: 2px solid #4B3728;
    padding: 40px;
    background-color: #E0D7C7;
}

.cc-icons {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 10px;
}

.cc-icons img {
    width: 20px;
}

footer{
    text-align: center;
    padding-bottom:30px;
}

footer a:link, footer a:visited{
    color:#7797a6;
}