.buildings-archive .header h2 {
	position: absolute;
    margin: auto;
    width: 100%;
    text-align: center;
    margin-top: 180px;
    color: white;
    font-size: xxx-large;
}
.buildings-archive .header .title {
	background-size: cover;
}
.buildings-archive .header .title img {
	width: 100%;
    height: auto;
	opacity: 0;
}
.buildings-archive .header .body {
    padding-left: 30%;
    padding-right: 30%;
    margin: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    color: white;
    background-color: var(--Indigo-Blue);
}
.buildings {
	display: flex;
	flex-direction: column;
	background-color: var(--Dark-Electric-Blue);
	color: white;
}
.buildings h3 {
	color: white;
}
.buildings .building {
	display: flex;
}
.buildings .building > div {
	flex: 1;
}
.buildings .building > div .cover {
	height: 100%;
	width: 50%;
	background-size: initial;
    transition: width 2s;
	background-repeat: no-repeat;
}
.buildings .building > div .cover:hover {
	width: 100%;
}
.buildings .building > div .content {
	width: 50%;
    padding-top: 200px;
    padding-bottom: 200px;
}
.buildings .building a.more {
    border: 1px solid white;
    padding: 10px 30px;
    top: 40px;
    position: relative;
    color: white;
}

.buildings .building a.more:hover {
	background-color: var(--Sale-badge);
}

/**
* Odd/Even
**/
.buildings .building:nth-child(odd) {
	flex-direction: row;
}
.buildings .building:nth-child(odd) > div.content_wrapper .content {
	float: right;
	padding-right: 20px;
}
.buildings .building:nth-child(odd) > div .cover {
	background-position: left;
}
.buildings .building:nth-child(even) {
	flex-direction: row-reverse;
}
.buildings .building:nth-child(even) > div.content_wrapper .content {
	float: left;
	padding-left: 20px;
}
.buildings .building:nth-child(even) > div .cover {
	background-position: right;
	float: right;
}