#header-logo img {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../img/gc-logo-med.png) no-repeat;
    width: 5rem;
    background-size: 64%;
    height: 7rem;
    padding-left: 7rem;
}

main {
    position: relative;
    padding: 0 !important;
    perspective: 10px;
    perspective-origin: 50% 22.5%;
}

main>#home-parallax {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 40vh;
    z-index: -100;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#home-parallax div {
    height: 100%;
}

#home-parallax div.slide {
    width: 100vw;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#hero {
    width: 100%;
    height: 40vh;
    padding-top: 6rem;
    transition: background-image 0.2s ease-in-out;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#hero .heroBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform-origin: center;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0, 0, -10px) scale(2.5);
    transform-style: preserve-3d;
}


#hero .hero-title h1 {
    margin-top: 3rem;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: 3.25rem;
    margin-bottom: 15px !important;
    line-height: 3.5rem;
    color: white;
}

#hero .hero-title h1,
#hero .hero-title h2,
#hero .hero-title h3,
#hero .hero-title h4,
#hero .hero-title h5,
#hero .hero-title h6 {
    text-shadow: 2px 2px 5px #000000;
}

/*#hero .hero-title h1:after {
	color: #6fb03b;
	content: ".";
}*/


#hero>.container {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

#hero>.container>.spacing {
    padding-bottom: 30vh;
}


section#content {
    background-color: white;
    display: flex;
    flex-direction: column;
}

section#content h1,
section#content h2,
section#content h3 {
    font-family: 'Playfair Display', serif;
    font-size: 300%;
}

.result-property .property-photo>a:before,
.result-property .property-photo>a:after {
    content: none !important;
}

.result-property .btn-action-map {
    display: none;
}

@media screen and (min-width: 767px) {
    .text-md-right {
        text-align: right;
    }
}

@media screen and (max-width: 767px) {
    #hero {
        padding-top: 0 !important;
    }

    section#content img {
        max-width: 100%;
        height: auto !important;
    }

    @supports (-webkit-hyphens:none) {
        #hero .heroBackground {
            transform: translate3d(0, 0, -10px) scale(1.5);
        }
    }
}

#the-media-article .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    margin-bottom: 10px;
    max-width: 96%;
}

#the-media-article .wp-caption[style*="width"] img {
    width: 100%;
    object-fit: contain;
    height: auto;
}

#the-media-article .wp-caption p {
    padding: 8px;
    margin-bottom: 0px;
}

.alignright {
    float: right;
    margin-left: 10px;
}

.alignleft {
    float: left;
    margin-right: 10px;
}

.media-heading,
article.media-article .title {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}

article.media-article .description p:last-child {
    display: none;
}

article.media-article .ratio>*:only-child {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.container>.media-article:first-child {
	left: 50%  !important;
	margin-left: -50vw  !important;
	margin-right: -50vw  !important;
	max-width: 100vw;
	position: relative;
	right: 50%  !important;
	width: 100vw !important;

    transform:;
    padding: 1rem;
    margin-bottom: 3rem;
}

.container>.media-article:first-child>.container {
    background-color: #eee;
    padding-top:  1rem;

}

.container>.media-article:first-child .title {
    font-size: min(2.75rem, 3vw);
}

.container>.media-article:first-child .description p {
    font-size: min(1.75rem, 2vw);
}

@media screen and (max-width:  767px){
	.container>.media-article:first-child .title {
    	font-size: 2.25rem;
	}

	.container>.media-article:first-child .description p {
    	font-size: 1.25rem;
	}
}