@font-face {
    font-family: 'marker_feltregular';
    src: url('../font/markerfelt/marker_felt-webfont.woff2') format('woff2'),
         url('../font/markerfelt/marker_felt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dom_casualregular';
    src: url('../font/dom-casual/dc-webfont.woff2') format('woff2'),
         url('../font/dom-casual/dc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dom_casualregular2';
    src: url('../font/dom-casual/dom_casual_regular-webfont.woff2') format('woff2'),
         url('../font/dom-casual/dom_casual_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dom_casualitalic';
    src: url('../font/dom-casual/dom_casual_italic-webfont.woff2') format('woff2'),
         url('../font/dom-casual/dom_casual_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.home_welcome {
	position: relative;
    margin: 70px;
}

.main-wrapper {
	padding-bottom: 50px;
    opacity: 1;
    visibility: visible;
    transition: opacity .2s,visibility .2s;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}

.image .img {
    position: absolute;
    background-size: cover;
    background-position: 50% 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .3s,-webkit-transform .4s;
    transition: transform .4s,opacity .3s;
    transition: transform .4s,opacity .3s,-webkit-transform .4s;
}

.image {
    transition: all .7s;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}


.image-container {
    /*overflow: hidden*/
    height: 500px;
    position: relative;
}
.main-wrapper:hover .image {
	transform: scale(1.09);
}

.body {
    background: #fff;
    box-shadow: 0 2px 5px 2px hsla(0,0%,60%,.2);
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 75px;
    padding-bottom: 70px;
}

.inner {
	padding: 0 70px;
}

h2.heading {
    font-family: marker_feltregular;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 25px;
}

.description {
    font-family: marker_feltregular;
    margin-bottom: 45px;
    width: 100%;
    max-width: 100%;
}

.read-more-link {
    font-family: marker_feltregular;
    font-size: 10px;
    letter-spacing: .4545454545em;
    padding-right: 20px;
    position: relative;
}

.read-more-link:after {
	width: 12px;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    height: 1px;
    width: 14px;
    background-color: #c0b79d;
    transition: all .2s;
}

.home_welcome:hover .read-more-link:after {    
	margin-right: -35px;
    width: 50px
}

@media only screen and (max-width: 1024px) {
    .body {
        right: 30px;
        width: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        bottom: auto;
        position: relative;
        margin-right: 30px;
        margin-top: -60px;
    }
}
@media only screen and (max-width: 768px) {
	

	.home_welcome {
		margin: 70px 0;
	}

	.inner {
		padding: 0 30px;
	}

	.description {
		font-size: 16px;
	    width: 100%;
	    max-width: 100%;
	    margin-bottom: 10px;
	}
}