.contact-hero {
	padding-bottom: 0 !important;
}

.contact-details-columns {
	padding: 100px 40px;
}

.contact-details-columns .container {
	max-width: 1600px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    gap: 200px;
}

.contact-details-columns .column-left, .contact-details-columns .column-right {	
	max-width: 700px;
    width: 100%
}

.contact-details-columns .column-left {
	display: flex;
    gap: 50px;
    flex-direction: column;
}

.hbp-contact-details {
	display: flex;
    gap: 15px;
    flex-direction: column;
}

.hbp-contact-details p {
	margin-bottom: 0;
}

.contact-email a {
	text-decoration: underline;
}

.contact-social-icons {
	display: flex;
    gap: 50px;
}

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

	.contact-details-columns .container {
        gap: 100px;
    }

}

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

	.contact-details-columns {
    	padding: 80px 40px 100px;
    }

	.contact-details-columns .container {
    	flex-direction: column;
    }

}

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

	.contact-details-columns {
    	padding: 80px 20px 100px;
    }
    
    .contact-details-columns .container {
        gap: 80px;
    }
    
    .contact-details-columns .column-left > div > img {
    	width: 80%;
    }

}