#hero_banner_logo
{
    position: absolute; 
    width: 120px; 
    height: 100px; 
    background-image: url('./images/PINIE_logo.png'); 
    background-position: center;
    background-size: 200px 200px; 
    background-repeat:no-repeat; 
    background-size: contain; 
    background-position: top; 
    top: 5px; 
    left: 50%; 
    margin-left: -60px;
}

#hero_banner_text
{
	position: absolute; 
	top: 50%; 
	left: 50%;
	margin-top: -50px;
	width: 420px;
    text-align: center;
    margin-left: -210px;
}

#hero_banner_text > span:nth-of-type(1)
{
	color: white;
}

#hero_banner_text > span:nth-of-type(1) > span:nth-of-type(1)
{
	display: inline-block; 
	font-family: 'Oswald'; 
	font-size: 55px;
}

#hero_banner_text > span:nth-of-type(1) > span:nth-of-type(2)
{
	display: inline-block; 
	font-family: 'halyard-text'; 
	font-size: 18px; 
	line-height: 28px;
}


@media screen and (min-width: 1200px)
{
    #hero_banner_logo
    {
        width: 160px; 
        margin-left: -80px;
    }

	#hero_banner_text
	{
		width: 600px; 
		margin-top: -50px;
		margin-left: -300px;
	}
	
	#hero_banner_text > span:nth-of-type(1) > span:nth-of-type(1)
	{
		font-size: 60px !important;
	}

	#hero_banner_text > span:nth-of-type(1) > span:nth-of-type(2)
	{
		font-size: 23px !important; 
		line-height: 33px !important;
	}
}