body {}

main {width: 1400px; margin: 20px auto;}

main section div p {color: #AE5020}

main section div p strong {color: #F8F2DC}

main section p strong {color: #83A603}

.donate {text-align: center;; float: left; width: 40%; clear: both; margin-left: 135px; margin-right: 10px}

.donate p {color: #F8F2DC; padding: 30px;}

.support h2 {text-align: center;}

.support p {text-align: center; margin-left: 300px; margin-right: 300px;}

.div1 {float: left; width: 50%}

.div2 {float: right;}

.div2 img {clear: both; margin-top: 20px; }

main ul li {font-family: Arial; color: #83A603; list-style-type: square; padding-top: 7px}

header nav ul li {display: inline; padding-left: 165px; font-size: 25px; font-weight: bold}

header nav ul {padding-top: 3.7%; float: left;}

header {background-color: white; overflow: hidden;}

.button {float: right; width: 160px; padding-top: 2.9%}

.logo-img {float: left;}

body {background-color: #2b4f2e; margin: 0; padding: 0;}

.text-center {text-align: center;}

#banner {background-image: url(Images/banner-orangutan-fixed.jpg); background-size: cover; height: 250px}

#banner2 {background-image: url(Images/oft-work.png); background-size: cover; height: 250px;}

#banner3 {background-image: url(Images/banner3-cropped.png); background-size: cover; height: 250px;}

#banner4 {background-image: url(Images/banner4cropped.png); background-size: cover; height: 250px;}

.bannertext {text-align: center; color: white; padding-top: 5%; font-family: Arial; font-size: 50px; font-weight: bold; text-shadow: 2px 2px 3px black}

.contactp {float: left; width: 40%; font-size: 24px; padding-top: 36px; padding-right: 50px; padding-left: 70px;}

h1 {font-size: 38px; text-align: center; color: white; font-family: Gadugi; text-shadow: 2px 2px 3px black}

div img {display: block; float: left; margin-left: 21px; border-radius: 12px}

h2 {clear: both; color: white; padding-top: 20px; font-family: Bahnschrift Semicondensed; font-size: 28px}

.contact {font-weight: bold; color: #F2A25C; text-align: center;}

p {color: #F8F2DC; font-family: Arial; font-size: 18.5px; }

footer {clear: both; background-color: white; padding: 5px}

footer p {color: #4F7302; padding-left: 20px}

.float-left {float: left; clear: both;}

#bottom-image {clear: left; margin-left: 100px; margin-top: 20px; height: 350px; border-radius: 12px }

.width1 {width: 40%;}

.color-h2 {background-color: #F2A25C; border-radius: 20px; margin-right: 68%; padding: 20px}

#firstsection {margin-left: 10%}

.p-margin {margin-left: 20%; margin-right: 20%; padding-top: 20px}

.center-h2 {margin-left: 25%; margin-right: 25%; text-align: center;}

.imgcenter {display: block; margin-left: auto; margin-right: auto; border-radius: 12px;}

.imgfloatleft {float: left; border-radius: 12px;}

.imgfloatright {float: right; border-radius: 12px;}

.twoimgcenter {margin-left: 65px; margin-bottom: 20px}

footer a {float: right; padding-right: 100px; font-weight: bold;}

.imgdonate {clear: left; margin-top: 20px; border-radius: 12px}


a:link {text-decoration: none; font-family: Bahnschrift; color: #4F7302; }
a:active {}
a:hover {color: #F2A25C}
a:visited {color: #83A603}


/* Hex Codes
Dark Green #4F7302
Light Green #83A603
Whitish #F8F2DC
Dark Tan #F2A25C
Brown #AE5020 */