html, body {
background: #f0e68c;
}

.container {
height: 800px;
width: 1280px;
position: relative;
margin: auto;
background: #f0e68c;
}

.mission {
height: 25%;
width: 35%;
position: absolute;
left: 0px;
bottom: 150px;
color: black;
}

.logo {
height: 400px;
width: 400px;
position: absolute:
top:  10px;
left: 10px;
background-size: 100% 100%;
background-image: url('./images/IMG_7377.jpg');
}

.addr {
height: 200px;
width: 400px;
position: absolute;
top: 10px;
right: 10px;
font-size: 200%;
}

.donate {
height: 110px;
width: 220px;
position: absolute;
background-color: red;
bottom: 100px;
left: 10px;
}

.diap {
height: 55px;
width: 110px;
position: absolute;
bottom: 10px;
left: 10px;
}

.offpic {
height: 400px;
width: 400px; 
position: absolute;
top: 10px;
right: 400px;
background-repeat: no-repeat;
background-image: url('./images/IMG_7379.jpg');
}

.staff {
height: 350px;
width: 250px;
position: absolute;
left: 500px;
bottom: 10px;
}

.directors {
height: 640px;
width: 450px;
overflow: scroll;
position: absolute;
top: 170px;
right: 10px;
}

.menu {
height: 180px;
width: 300px;
position: absolute;
left: 500px;
top: 250px;
}

.picts {
height: 600px;
width: 300px;
position: absolute;
bottom: 0px;
right: 0px;
}

.picts img {
width: 250px;
}