body{

	width: 100vw;

	height: 100vh; 

	overflow:hidden;

	text-align: center;

	background-image: url('../images/background.jpg');

	background-size: cover;

	background-position: right;	

	font-family: 'Roboto', sans-serif;

}



main {

	width: 100vw;

	height: 100vh;

}



.container{

	padding: 1rem 0em;

	height: calc(100% - 2rem);

}



h1{

	color: #FFEB3B;

	text-transform: uppercase;

	font-size: 5em;

	margin-bottom: 1rem;

	height:100px;

}



.media{

	width: 100%;

	height: calc(100% - (2rem + 100px));

}



object{

	width:85%;

	height:100%; 

	margin: 0 auto;

}



.social-links {

	padding: 0; 

	display: flex;

	flex-direction: row;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

}



.social-links li {

	padding: .5rem 1rem;

	list-style-type: none;

}



.social-links li img {

	height: 50px;

	width: 50px;

}



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

	h1{

		font-size: 3rem;

		height: auto;

	}



	.media{

		height: calc(100% - (2rem + 60px));

	}

}