.row.firstrow {
    align-items: stretch; /* default, but explicit */
}
/*right wrapper*/
.row.firstrow > .content-right-wrapper {
    align-self: flex-start;
}
/*left wrapper*/
.row.firstrow > .content-left-wrapper {
    align-self: flex-end;
}
.content-left-wrapper.mr-xl-2.d-xl-block.d-none {
    min-height: 862px;
}
/***content area*****/
.content-right {
    margin: 0;
    background-color: #fff;
    padding: 30px 40px;
    width: calc(29vw + 399px);
	max-width:100%;
}
/****headings****/
.landing-title h1 {
    font-size: 7vw;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 2px 2px 4px #000000, 4px 4px 10px #000000;
	letter-spacing: 4px;
}
.landing-title {
    position: absolute;
    top: 3%;
	left:unset;
    text-align: center;
	display:block;
	width: 100%
}
.landing-title h2 {
    font-size: 3.5vw !important;
    text-transform: uppercase!important;
    font-variant: contextual;
    letter-spacing: 4.5px;
    padding-left: 0px !important;
    text-shadow: 2px 2px 4px #000000, 4px 4px 10px #000000;
    position: relative;
    font-weight: 700;
}

h3{
	text-transform:uppercase;
	font-size: 35px !important;
	padding-left: 0px !important;
}
h3::after {
    content: "";
    display: block;
    width: 90%;              /* underline length */
    height: 4px;              /* thickness */
    background-color: #eeb22e; /* XTL orange */
    margin-top: 12px;	/* space between text and line */
	margin-bottom: 24px;
}


@media (max-width: 968px) {

.landing-title {
    position: absolute;
    top: 2% !important;
    left: unset;
    text-align: center;
    display: block;
    width: 100%;
}
.landing-title h2 {
    font-size: 20px !important;
    text-transform: uppercase!important;
    font-variant: contextual;
    letter-spacing: 4.5px;
    padding-left: 0px !important;
    text-shadow: 2px 2px 4px #000000, 4px 4px 6px #000000;
    position: relative;
    font-weight: 700;
    max-width: 70%;
    margin: auto;
}
}
@media (max-width: 768px) {

.landing-title {
    position: absolute;
    top: 1% !important;
    left: unset;
    text-align: center;
    display: block;
    width: 94%;
}
.landing-title h2 {
    font-size: 20px !important;
    text-transform: uppercase!important;
    font-variant: contextual;
    letter-spacing: 4.5px;
    padding-left: 0px !important;
    text-shadow: 2px 2px 4px #000000, 4px 4px 6px #000000;
    position: relative;
    font-weight: 700;
    max-width: 70%;
    margin: auto;
}
}
@media (max-width: 480px) {
	.landing-title {
	top: 0.5% !important;
	}
}