#hpprime
{
	background:#024e4e;
	padding:50px 0px;
}

.hpprimecontent > div
{
	width:50%;
	float:left;
}

.hpprimecontent .left .jph1gold
{
    text-transform: capitalize;
}

.hpprimecontent .left p
{
    padding-top:18px;
	color:#cbcccc;
	font-size:16px;
	line-height:23px;
	width:85%;
}

.hpprimecontent .left h2
{
	margin-top:30px;
}

#goldprimebox
{
	border:2px solid #918462;
	width:460px;
	height:auto;
	padding:20px 20px;
    float: right;
}

#goldprimebox:hover #outergoldprime
{
    border:1px solid #918462;
}

#outergoldprime
{
    padding:40px 60px;
    border: 1px solid transparent;
    -moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

#goldprimebox img
{
	width:300px;
}

#goldprimebox a
{
	margin:20px auto 0px auto;
	font-size:14px;
}

/*media queries*/
@media screen and (max-width:970px)  
{
	.hpprimecontent > div
	{
		width:90%;
		margin:15px 5%;
        /*margin-top: 65px;*/
		margin-top: 0;
	}

	#goldprimebox
	{
		margin:0px auto;
        float: none;
	}
}


@media screen and (max-width:550px)  
{
	#goldprimebox
	{
		width:90%;
		margin-left:5%;
	}

	#goldprimebox img
	{
		width:100%;
	}

    #goldprimebox a
    {
        width: 100%;
    }
}