/*
 * Contact Us
*/

.contact-us-form {
	padding: 5em 0;
}

.contact-us-form h2 {
	margin-bottom: 0.5em;
	text-transform: capitalize;
}

.contact-us-form-content {
	max-width: 28em;
}

.branches {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 6.5em 0;
	position: relative;
}

.branches::before {
	content: "";
	display: block;
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.87);
}

.branches-header {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 4em;
}

.branches-name {
	font-family: Mulish;
	font-weight: 800;
	font-size: 1.64em;
	text-transform: uppercase;
	color: #797979;
	cursor: pointer;
	transition: all 0.3s ease;
}

.branches-name:not(:last-child) {
	margin-right: 1.5em;
}

.branches-name.active,
.branches-name:hover  {
	color: #B7A174;
}

.branches-content {
	font-family: Mulish;
	font-weight: 800;
	font-size: 1.19em;
}

.branches-contacts {
	display: none;
}

.branches-contacts.active {
	display: block;
}

body:not(.home) footer .container hr {
	display: none;
}

/*
 * RESPONSIVE STYLES
*/

/* Large desktop */
@media (max-width: 1310px) { 
	
}

@media (max-width: 1199px){
	
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {
	.contact-us-form-content {
		max-width: 100%;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.branches {
		padding: 2.5em 0 47vw;
		background-size: 150vw;
		background-position: bottom;
	}

	.branches::before {
		width: 100%;
		height: 50%;
	}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	.contact-us-form {
		padding: 4em 0 2em;
	}
}