@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Roboto+Condensed:700|Roboto:500&display=swap');

* {
	margin: 0;
	padding: 0;
}

header {
	height: 80vh;
	background-size: cover;
	background-position: center;
	background-image: url(images/background5.jpg);
}

.logo img {
	width: 150px;
	height: auto;
	float: left;
	margin: 20px;
}
.welcome{
	position: absolute;
	top: 180px;
	width: 40%;
	height: 240px;
	margin: auto;
	margin: 20px;
	text-align: center;
}
h1{
	font-size: 55px;
	font-family: 'Open Sans', sans-serif;
	background-color: #ffbf00;
}
h2{
	font-size: 35px;
	font-family: 'Roboto Condensed', sans-serif;
	background-color: black;
	color: white;
	height: 115px;
	padding-top: 20px;
}
.foot {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: x-large;
	text-align: center;
	margin: 30px auto;
	color: black;
}

.social{
	padding-bottom: 15px;
	display: flex;
	justify-content: space-around;
	margin: 0px 250px 0px 250px;
}

.social img{
	height: 5vh;
	width: auto;
	padding: 5px;
}
.footer{
	background-color: white;
	padding: 5px;
}

@media screen and (max-width: 667px){

	.welcome{
		position: absolute;
		top: 180px;
		width: 100%;
		height: 240px;
		margin: auto;
		margin: 20px;
		text-align: center;
	}

	h1{
		font-size: 2rem;
		font-family: 'Open Sans', sans-serif;
		background-color: #ffbf00;
		width: 90%;
	}
	h2{
		font-size: 2rem;
		font-family: 'Roboto Condensed', sans-serif;
		background-color: black;
		color: white;
		height: 115px;
		padding-top: 20px;
		width: 90%;

	}
	.foot {
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 1rem;
		text-align: center;
		margin: 30px auto;
		color: black;
		width: 90%;
	}
	.social{
		padding-bottom: 15px;
		display: flex;
		justify-content: space-around;
		margin: auto;
	}
	
	.social img{
		height: 5vh;
		width: auto;
		padding: 5px;
	}

}

@media screen and (max-width: 1024px){

	.welcome{
		position: absolute;
		top: 180px;
		width: 100%;
		height: 240px;
		margin: auto;
		margin: 20px;
		text-align: center;
	}

	h1{
		font-size: 5rem;
		font-family: 'Open Sans', sans-serif;
		background-color: #ffbf00;
		width: 95%;
	}
	h2{
		font-size: 3rem;
		font-family: 'Roboto Condensed', sans-serif;
		background-color: black;
		color: white;
		height: 200px;
		padding-top: 50px;
		width: 95%;

	}
	.foot {
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 1rem;
		text-align: center;
		margin: 30px auto;
		color: black;
		width: 90%;
	}
	.social{
		padding-bottom: 15px;
		display: flex;
		justify-content: space-around;
		margin: auto;
	}
	
	.social img{
		height: 5vh;
		width: auto;
		padding: 5px;
	}

}