.hp-links{
	margin-top: 4em;
    position: relative;
    padding-right: 1em;
    box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
}

.hp-links-links{
	display:flex;
	flex-wrap:wrap;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	justify-content:end;
	width:100%;
	background: #f2f2f2;
}


a.hp-link{
	width:162px;
	margin:5px;
	text-align:center;
	font-size:1.2rem;
	text-decoration:none;
	position: relative;
}

a.hp-link img{
	height:50px;
	width:auto;
	margin-bottom:0.5em;
}

a.hp-link>div:nth-child(2){
	text-transform: uppercase;
    font-weight: 100;
    padding: 0.5em 0;
}

.hp-links h1.hp-name{
	text-align:right;
}

.hp-link-image{
	padding-top: 150%;
	background-size: cover;
	background-position: center;
}



@media screen and (min-width: 576px) {

	a.hp-link{
		width:130px;
	}

}


@media screen and (min-width: 768px) {

	a.hp-link{
		width:160px;
	}


}


@media screen and (min-width: 992px) {



	a.hp-link{
		width:200px;
		margin:15px;
	}

}