#container {
    background-image: url(assets/images/forest.jpg); /*This asset was sourced from https://www.pexels.com/photo/green-pine-trees-1179229*/
    display: table;
    background-attachment: fixed;
    min-width: 960px;

}
#headline  {
    text-align: center;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    background-color: rgba(166,111,8,0.90);
    padding-right: 0px;
    margin-right: 50px;
    margin-left: 50px;
    margin-bottom: 69px;
    border-radius: 20px;
    border-style: solid;
    border-color: rgba(0,0,0,0.50);
}
#causes {
    display: flex;
    background-color: rgba(209,19,19,0.90);
    margin-left: 50px;
    margin-right: 50px;
    padding-bottom: 0px;
    border-radius: 20px;
    border-style: solid;
    border-color: rgba(0,0,0,0.50);
}


#events {
    display: flex;
    background-color: rgba(255,255,255,0.90);
    margin-left: 50px;
    margin-right: 50px;
    border-radius: 20px;
    border-style: solid;
    border-color: rgba(0,0,0,0.50);
}
#headlineText h1 {
    text-shadow: 0px 0px 5px #FF0005;
    font-family: 'Roboto Slab', serif;
    font-size: 2rem;
}
#top h1 {
    text-align: center;
    text-shadow: 3px 3px 6px rgba(0,0,0,1.00);
    font-size: 3.5rem;
    text-decoration: underline;
    color: rgba(243,206,17,1.00);
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
a:link, a:visited {
    color: #004A43;
}
a:hover, a:active {
    color: #C7FF00;
}




#headlineText h2 {
    font-size: 1.3rem;
    margin-bottom: 25px;
    text-shadow: 0px 0px 14px #FFFFFF;
    font-family: 'Roboto Slab', serif;
    font-weight: 800;

}
#headlineText {
    max-width: 26cm;
    display: inline-table;
    padding-left: 10px;
    padding-right: 10px;
}


#causesText {
    text-align: center;
    padding-left: 20px;
}
#causesText h2 {
    text-align: left;
    color: rgba(255,255,255,1.00);
    text-decoration: underline;
    font-size: 2rem;
}
#causesText p {
    text-align: left;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color: rgba(255,255,255,1.00);
    text-shadow: 0px 0px 14px rgba(0,0,0,1.00);
    margin-right: 20px;
    font-size: 1.5rem;
}


#topNav ul li {
    display: inline-block;
    margin-right: 28px;
    font-size: large;
}

#topNav ul {
    background-color: #C79B63;
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;
    border-radius: 20px;
    border-style: solid;
    border-color: rgba(0,0,0,0.50);
    padding-top: 6px;
    padding-bottom: 6px;
}


#headline img {
    width: 45%;
    margin-bottom: 30px;
    height: 45%;
    border-style: solid;
}


.backToTop  {
    text-align: right;
}
main .backToTop a {
    border: 4px solid #DF7152;
    background-color: rgba(211,184,48,1.00);
    text-align: right;
    padding-right: 5px;
    border-radius: 7px;
    padding-left: 5px;
}


#eventsText {
    padding-left: 20px;
    display: block;
}
#events img {
    width: 30%;
    height: 30%;
    margin-left: 25px;
    border-style: solid;
    margin-top: 33px;
    margin-bottom: 33px;
}

#eventsText h2 {
    text-decoration: underline;
    font-size: 2rem;
}
#outcomeText h2 {
    color: rgba(255,255,255,1.00);
    margin-bottom: 0px;
    text-decoration: underline;
    font-size: 2rem;
}

#causes img  {
    width: 30%;
    margin-left: 25px;
    height: 30%;
    border-style: solid;
    margin-top: 33px;
    margin-bottom: 33px;
}
#eventsText p {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color: rgba(0,0,0,1.00);
    margin-right: 20px;
    font-size: 1.5rem;
}

#container footer {
    text-align: center;
    background-color: #C3965D;
    border-radius: 8px;
    margin-left: 50px;
    margin-right: 50px;
    border-style: solid;
    border-color: rgba(0,0,0,0.50);
    padding-top: 2px;
    padding-bottom: 2px;
}
#container footer a {

}

#outcome img {
    width: 30%;
    height: 30%;
    margin-left: 25px;
    border-style: solid;
    margin-top: 33px;
    margin-bottom: 33px;
}
#outcomeText p  {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color: rgba(255,255,255,1.00);
    padding-right: 0px;
    margin-right: 10px;
    font-size: 1.5rem;
}
#outcomeText {
    padding-left: 20px;
}

#outcome {
    display: flex;
    background-color: rgba(30,69,217,0.90);
    margin-left: 50px;
    margin-right: 50px;
    border-radius: 20px;
    padding-left: 0px;
    border-style: solid;
    border-color: rgba(0,0,0,0.50);
}
#impact {
    text-align: center;
    margin-left: 50px;
    margin-right: 50px;
    border-radius: 20px;
    border-style: solid;
    border-color: rgba(0,0,0,0.50);
    background-image: -webkit-linear-gradient(270deg,rgba(209,0,0,1.00) 12.44%,rgba(0,24,172,1.00) 79.79%);
    background-image: -moz-linear-gradient(270deg,rgba(209,0,0,1.00) 12.44%,rgba(0,24,172,1.00) 79.79%);
    background-image: -o-linear-gradient(270deg,rgba(209,0,0,1.00) 12.44%,rgba(0,24,172,1.00) 79.79%);
    background-image: linear-gradient(180deg,rgba(209,0,0,1.00) 12.44%,rgba(0,24,172,1.00) 79.79%);

}
#impact img {
    width: 50%;
    height: 50%;
    border-style: solid;
    margin-bottom: 15px;
    margin-top: 23px;
    margin-left: 25px;
}
#impactText h2 {
    text-align: left;
    color: rgba(255,255,255,1.00);
    text-shadow: 0 0;
    margin-right: 0px;
    text-decoration: underline;
    font-size: 2rem;
}
#impactText p {
    text-align: left;
    color: rgba(255,255,255,1.00);
    text-shadow: 0 0;
    margin-right: 20px;
    font-size: 1.5rem;
}
#impactText {
    margin-left: 20px;
}