
body
{
    margin:0;
    padding:0;
    image-rendering:optimizeQuality;
}

#wrapper
{
    display:block;
    float:left;
    width:100%;
    height:100%;
}

#header
{
    display:block;
    float:left;
    width:100%;
    margin-bottom: 30px;
    background:#FFF;
}

#logo
{
    display:block;
    float:left;
    width:275px;
    height: 65px;
    margin: 30px 0px 0px 15px;
    background-image:url("logo.svg");
    background-repeat: no-repeat;
    
}

#menu
{
    display:block;
    float:right;
    height:40px;
    display: block;
    margin: 60px 40px 0px 0px;
}

#menu ul
{
    display:block;
    float:right;
    list-style-type:none;
    margin:0;
    padding:0;
}

#menu ul li
{
    display:inline-block;
    margin:0px 12px;
    padding:0px 12px;
}

#menu ul li a
{
    font-family: "letter-gothic-recast";
    font-style: italic;
    font-size:23px;
    color:#528515;
    text-transform: uppercase;
    text-decoration: none;
}

#menu ul li a:hover
{
    text-decoration: underline;
}

#bar
{
    display:block;
    float:left;
    width:100%;
    height:60px;
    overflow:hidden;
}

#bar_svg
{
    display:block;
    float:right;
    width:100%;
    margin-right:20%;
    height:60px;
    background-image:url("bar.png");
    background-position-x: right;
    background-repeat: no-repeat;
}

#content_wrapper
{
    display:block;
    float:left;
    width:100%;
    background-image:url("bg.png");
    background-size: 400px;
}

#banner_box
{
    display:block;
    float:left;
    width:100%;
    height:500px;
    overflow:hidden;
    background-image: url("bg_img/img4.jpg");
    background-size: cover;
    background-position: center;
}

#content
{
    display: flex;
    width: 100%;
    min-height:600px;
    justify-content: center;
}

.content_fullpage
{
    width:100%;
    margin:100px 0%;
    background-color: rgba(255, 255, 255, 0.80);
}

.box
{
    padding:2% 16%;
}


p, h1, h2, a {font-family: "letter-gothic-recast";}
p {font-size:20px;}


.promo_box
{
    display:block;
    float:left;
    width:50%;
    margin: 30px 0px;

}

.promo_content:hover
{
    background:#8FC365;
    
}

.promo_content
{
    margin:10px;
    background:#DAE7B5;
    padding:20px;
}

.promo_img
{
    height:200px;
    width: 100%;
    overflow-y: hidden;
}

.promo_img img
{
    width:100%;
}


.promo_text p
{
    text-align: center;
    padding: 0px;
    margin: 16px 0px 0px 0px;
    font-weight: bold;
}

#footer
{
    display:block;
    float:left;
    width:100%;
    background-color: #839370;
}

#blog {
    display: flex;
}

.blog_content {
    flex: 1;
}

#footer_content {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-left: 60px;
    margin-bottom: 20px;
}

.footer_box {
    flex: 1 1 200px;
    padding: 20px;
    font-size:15px;
    font-family: "letter-gothic-recast";
}

#tag_cloud {
    width: 180px;
    border-left:4px solid #839370;
}