* {
    margin: 0; padding: 0; border: 0; box-sizing: border-box;
}

body {
    height: 100vh; min-width: 400px; max-width: 1400px;
    background-color: #283618;
}

.header {
    width: 80vw; height: 10vh;
    display: flex;
    flex-flow: row wrap;
    margin: auto;
}

.para {
    margin: auto;
    width: 80vw; height: 20vh;
    margin-top: 3%; margin-bottom: 3%;
}

.para > h1 {
    color: #fefae0;
}

.para > p {
    margin-top: 2%;
    color: #bc6c25;
    font-size: 18px;
}

.header > div {
    flex: 1 0 20%;
    border-bottom: 3px solid #fefae0
}

.header > div > h1 {
    color: #fefae0;
    padding: .5em;
}

.header > div > nav {
    padding: .5em;
    text-align: right;
}

.header > div > nav > a {
    color: #bc6c25; 
    padding: .5em;
}

.header > div > nav > a:hover {
    color: #fefae0;
}

.header > div > p {
    padding: .5em;
    color: #fefae0;
    text-align: center;
}

.header > div > #button {
    padding: .5em;
    color: #fefae0; background-color: #dda15e;
    margin: 10%; margin-left: 40%;
}

.header > div > #button:hover {
    color: #dda15e; background-color: #fefae0;
}

.main_container {
    width: 80vw; height: 80vh;
    display: flex;
    flex-flow: row wrap;
    margin: auto;
}

.main_container > div {
    flex: 1 0 33%;
    border: 3px solid #fefae0;
}

.main_container > div:nth-of-type(1) {
    background-image: url(../images/teamphoto1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    width: 200px; height: 300px;
}

.main_container > div:nth-of-type(2) {
    background-image: url(../images/teamphoto2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    width: 200px; height: 300px;
}

.main_container > div:nth-of-type(3) {
    background-image: url(../images/teamphoto3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    width: 200px; height: 300px;
}

.main_container > div:nth-of-type(4) {
    background-image: url(../images/teamphoto4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    width: 200px; height: 300px;
}

.main_container > div:nth-of-type(5) {
    background-image: url(../images/teamphoto5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    width: 200px; height: 300px;
}

.main_container > div:nth-of-type(6) {
    background-image: url(../images/teamphoto6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    width: 200px; height: 300px;
}

.main_container > div:nth-of-type(6) > p {
    padding: 1em;
    color: #fefae0;
}

.main_container > div:nth-of-type(6) > p > a {
    text-decoration: none;
    color: #dda15e;
}

.main_container > div:nth-of-type(6) > p > a:hover {
    color: black;
}

.main_container > div:nth-of-type(5) > p {
    padding: 1em;
    color: #dda15e;
}

.main_container > div:nth-of-type(5) > p > a {
    text-decoration: none;
    color: #fefae0;
}

.main_container > div:nth-of-type(5) > p > a:hover {
    color: black;
}

.main_container > div:nth-of-type(4) > p {
    padding: 1em;
    color: #dda15e;
}

.main_container > div:nth-of-type(4) > p > a {
    text-decoration: none;
    color: #fefae0;
}

.main_container > div:nth-of-type(4) > p > a:hover {
    color: black;
}

.main_container > div:nth-of-type(3) > p {
    padding: 1em;
    color: #283618;
}

.main_container > div:nth-of-type(3) > p > a {
    text-decoration: none;
    color: #fefae0;
}

.main_container > div:nth-of-type(3) > p > a:hover {
    color: black;
}

.main_container > div:nth-of-type(2) > p {
    padding: 1em;
    color: #283618;
}

.main_container > div:nth-of-type(2) > p > a {
    text-decoration: none;
    color: #fefae0;
}

.main_container > div:nth-of-type(2) > p > a:hover {
    color: black;
}

.main_container > div:nth-of-type(1) > p {
    padding: 1em;
    color: #dda15e;
}

.main_container > div:nth-of-type(1) > p > a {
    text-decoration: none;
    color: #fefae0;
}

.main_container > div:nth-of-type(1) > p > a:hover {
    color: black;
}