:root {
  --site-font: Roboto,sans-serif;;
  --title-font: craw-modern-urw;
  --primary-color: #fff;
  --secondary-color: #1a1919;
}
	
.template-landing {
	background: #1a1919;
}
	
.ry-btn.ry-btn-primary, .ry-btn.ry-btn-secondary {
	height: 60px !important;
	padding: 0 30px !important;
}
	
.ry-btn.ry-btn-primary {
	background-color: #b93b27 !important;	
}

.ry-btn.ry-btn-primary:hover {
	background-color: #982F20 !important;	
}
	
.ry-btn.ry-btn-secondary {
	background-color: #c0a887 !important;
}
	
.ry-btn.ry-btn-secondary:hover {
	background-color: #A9916F !important;
}
	
.ry-btn span {
	padding-right: 4px;	
}
	
/* Header */
#ry-section-header .ry-container {
	display: flex;
    align-items: center;
    justify-content: center;	
}
#ry-section-header .logo {
	max-width: 280px;
}
/* end header */
	
/* Hero */
.landing-hero {
	height: 100vh;
    width: 100%;
	display: flex;
    align-items: flex-end;
	background: #1a1919;
}

.landing-hero .section-background,
.landing-hero .section-background img {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
	
.landing-hero .hero-content {
	position: relative;	
}
	
.hero-content .ry-container .ry-flex {	
	gap: 4rem;
	align-items: flex-end;
}
	
.title-box {
	width: 100%;	
}
	
.title-box h1 {
	font-size: clamp(2.25rem, 1.75rem + 2vw, 4.5rem) !important;
	line-height: 1.1 !important;
	color: #ffffff !important;
}
	
.title-box h1 span {
	display: block;	
}
	
.title-box p {
	color: #fff;
    font-size: 20px;
}

.title-box .cta-wrap {
	display: flex;
	gap: 10px;
	margin-top: 2rem;
	flex-wrap: wrap;
}
	
.info-box {
	max-width: 480px;
	width: 100%;
    border: 1px solid rgba(192, 168, 135);
    border-top: 8px solid rgba(192, 168, 135);
	padding: 28px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.info-box ul {
	display: flex;
    list-style: none;
    gap: 20px;	
	padding: 0;
}
	
.info-box ul li {
	color: #fff;	
}
	
.info-box ul li span {
	width: 100px;
    display: block;	
}
	
.info-box .item {
	padding: 16px 0;
    border-bottom: 1px solid #fff;
}
	
.info-box .item .span-2 {
	display: block;
	font-size: 14px;
	width: 100%;
}
	
.info-box .item:last-child {
    border-bottom: none;
}

.ry-footer-copyright {
	margin-top: 2rem;	
}
	
.ry-footer-copyright .ry-container {
	max-width: 100% !important;
    padding: 24px 0;
	
	display: flex;
    align-items: center;
    justify-content: space-between;
}
	
.ry-footer-copyright .powered {
	display: flex;
	align-items: center;
	gap: 10px;
}
	
.ry-footer-copyright .powered img {
	max-width: 90px;
	filter: brightness(0) invert(1);
	opacity: 0.9;
}

.ry-footer-copyright * {
	font-size: 1rem;	
	color: #ccc;
}
	
.ry-footer-copyright .ry-right,
.ry-footer-copyright .ry-left {
	max-width: max-content;	
	width: 100%;
}

.top-border {
    width: 100%;
    height: 4px;
    background: linear-gradient(
        to right,
        transparent,
        rgba(192, 168, 135, 1) 50%,
        transparent
    );

    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 50%,
        transparent
    );

    mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 50%,
        transparent
    );
}

@media only screen and (max-width: 1199px) {
    #ry-section-header {
        display: block;
    }
}
	
@media (max-width: 1199px) {
	.landing-hero {
		height: auto;
		flex-direction: column;
	}
	.landing-hero .section-background {
		position: relative;
		height: 56vh;
	}
	.hero-content .ry-container {
		padding: 4rem 0;
	}
	.hero-content .ry-container .ry-flex {
		flex-direction: column;
    	align-items: center;
	}
	.hero-content h1, .hero-content p {
		text-align: center;
	}
	.title-box .cta-wrap {
		justify-content: center;
	}
}
	
@media (max-width: 1024px) {
	.landing-hero {
		margin-top: 110px;
	}
	.ry-footer-copyright .ry-container {
		flex-direction: column;
    	gap: 18px;
	}
	.ry-footer-copyright * {
		text-align: center;
	}
}
	
@media (max-width: 768px) {
	.landing-hero .section-background {
		height: 32vh;
	}	
}
	
@media (max-width: 480px) {
	.info-box {
		padding: 28px 32px;
	}
	#ry-section-header .logo {
		max-width: 200px;
	}
	.landing-hero {
		margin-top: 98px;
	}
	.hero-content .ry-container {
		padding: 2rem 0;
	}
}