*
{
	box-sizing: border-box;
}

body
{
	margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Muli', sans-serif;
    font-family: 'Arvo', serif;
}
a
{
	text-decoration: none;
}
#background
{
	height: 100vh;
	width: 100%;
	position: relative;
	background-color: rgba(146,126,162,1);
	
}
#background #img_container
{
	width: 100%;
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
}
#background  #img_container:after
{

	display: block;
	clear: both;
	content: "";
}

 #img_container>div img
{
	width: 100%;
	
}
#img_container>div
{
	float: right;
	width: 50%;
}

a
{
	color: white;
	padding: 19px 47px;
	border: 1px solid white;
	text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.215em;
	font-size: 18px;
	font-weight: 300;
	margin: 25px;
	text-decoration: none;
}
a:hover
{
	background-color: white;
	color: rgba(146,126,162,1);
	transition: all 0.5s ease-out 0s;	
}

#background>div:last-of-type
{
	position: fixed;
	bottom: 20%;
	text-align: center;
	width: 100%;

}


@media all and (max-width: 60em)
{
	#background>div:last-of-type
	{
		bottom: 25%;
	}
	
}




@media all and (max-width: 40em)
{
	#background
	{
		padding: 0;
	}
	#background #img_container
	{
		padding: 0px;
	}
	
	#background #img_container>div 
	{
		width: 100%;
	}
	
	#img_container>div img
	{
		
		width: 100%;
	}

	#background>div:last-of-type
	{
		bottom: 40px;
	}
	a
	{
		margin: 25px 10px;
		padding: 8px 17px;
		font-size: 15px;
	}



}