header {
	background: rgb(10,156,232);
    background: -moz-linear-gradient(45deg, rgba(10,156,232,0.55) 0%, rgba(141,41,241,0.55) 100%), url(../Images/headerBackgrounds/mediaBackground.jpg);
    background: -webkit-linear-gradient(45deg, rgba(10,156,232,0.55) 0%, rgba(141,41,241,0.55) 100%), url(../Images/headerBackgrounds/mediaBackground.jpg);
    background: linear-gradient(45deg, rgba(10,156,232,0.55) 0%, rgba(141,41,241,0.55) 100%), url(../Images/headerBackgrounds/mediaBackground.jpg);
	display: table;
	background-attachment: fixed;
	height: 500px;
    background-position:center;
	background-repeat: no-repeat;
	width: 100%;
}

#media img {
	width: 30rem;
	padding: 1rem;
	filter: grayscale(100%);
}

#media img:hover {
	filter: grayscale(0%);
	transition: transform .3s ease;
	transform: scale(1.1)
}

#media {
    padding-top: 4rem;
    margin-left: 10%;
    margin-right: 10%;
	text-align: center;
	justify-content: center;
}

@media (max-width:1200px) {
	#media img {
		width: 20rem;
	}
}

@media (max-width:800px) {
	#media img {
		width: 15rem;
	}
}