body {
    background-color: linen;
	background-image: url("../images/background.png");
	background-repeat: repeat;
	background-size: 75px;

    margin: 0;
}

.content-container, .content {
    padding: 0px;
    margin: 0px;
}

@media screen and (max-width: 1000px) {
    .content-container {
	display: block;
    }
    .content {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
    }
	.content-flex-container {
		justify-content: center;
	}
}

@media screen and (min-width: 1001px) {
    .content-container {
	display: flex;
	flex-flow: row;
	justify-content: center;
	width: 100%;
    }
    .content {
	width: 1000px;
    }
}

.fontawesome { 
    filter: invert(98%) sepia(8%) saturate(2%) hue-rotate(12deg) brightness(110%) contrast(100%);
}

.page-hero-header {
    width: 100%;
    margin: 0px;
    height: 406px;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    display: flex;
    flex-flow: column;
    justify-content: center;
}

.page-hero-header h1 {
    text-align: center;
    margin: 0px;
    color: white;

    font-size: 70px;
    text-shadow: rgb(51, 51, 51) 2px 2px 0px;
}

.content-flex-container {
    display: flex;
    flex-flow: row wrap;
    padding-top: 30px;
    gap: 30px;
}

.content-half-width {
    width: 485px;
	max-width: 485px;
}
.content-half-width h3 {
    margin-top: 0px;
}
.content-flex-container img {
    flex-grow: 1;
    height: 326px;
	max-width: min(100%, 485px); /* Looks dumb, but keeps them from overflowing the screen on mobile*/
    object-fit: cover;
    border-radius: 10px;
}

.about-us-container {
	display: flex;
	justify-content: center;
	background-attachment: fixed;

}

.about-us {
	background-color: white;

	width: 500px;
	
	padding: 0px 75px 70px 75px;
}