/* ---------- Start CS Overrides ----------  */
#promotion-container {
	background-repeat: no-repeat;
	background-size: contain;
}
#promotion-banner {
    margin: auto;
    max-width: 100%;
    width: 100%;
}
/* ---------- End CS Overrides ----------  */
#prospecthp .container-flex {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
	box-sizing: border-box;
}
#prospecthp h1, h2, h3, h4 {
    letter-spacing: -.2px;
}
#prospecthp {
	height: 364px;
	color: #000;
}
#prospecthp .container-flex {
    height: 100%;
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    justify-content: center;
    -webkit-justify-content: center;
    max-width: 77rem;
}
#prospecthp .container-flex>div {
	width: 50%;
	padding-left: 10px;
}
#prospecthp h1 {
	font-size: 88px;
	line-height: 88px;
	padding-bottom: 8px;
	font-weight: 700;
	text-transform: uppercase;
}
#prospecthp h2 {
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
}
#prospecthp .subtitle {
    font-size: 16px;
    line-height: 22px;
}
#prospecthpTitle h1 {
    padding: 20px 0;
    font-size: 55px;
    font-weight: 600;
    line-height: 1;
    text-align: left;
}
@media screen and (max-width: 1300px) {
	#promotion-container {
		background-size: cover;
	}
}
@media screen and (max-width: 1024px) {
	#prospecthp h1 {
		font-size: 8vw;
		line-height: 8vw;
	}
	#prospecthp h2 {
		font-size: 4vw;
		line-height: 4vw;
	}
}
@media screen and (max-width: 930px) {
    #prospecthpTitle h1 span {
		display: block;
        font-size: 24px;
    }
}
@media screen and (max-width: 725px) {
	#promotion-container {
		background-size: contain;
	}
	#prospecthp {
		height: 100%;
		background-size: 100%;
		padding-top: 32vw;
	}
	#prospecthp .container-flex>div {
		width: 100%;
		padding-left: 0;
	}
	#prospecthp h2 {
		font-size: 2em;
		line-height: 1.1;
		margin-top: 25px;
	}
	#prospecthp h1 {
		font-size: 3.4em;
		line-height: 1;
	}
	#prospecthp .subtitle {
		margin-top: 10px;
	}
}
/* ---------- Start Global Styles ----------  */
#prospecthp.text-right {
    text-align: right;
}
#prospecthp.text-left {
    text-align: left;
}
#prospecthp.text-center {
    text-align: center;
}
#prospecthp .font-roboto {
    font-family: Roboto, sans-serif;
}
#prospecthp .font-druk,
#prospecthpTitle .font-druk{
	font-family: 'Druk Text';
}
#prospecthp .font-druk-wide {
	font-family: 'druk text wide';
}
#prospecthp .col-black {
	color: #000000;
}
#prospecthp .col-white {
	color: #ffffff;
}
#prospecthp .col-grey-1 {
    color: #c5c5c5;
}
#prospecthp .col-red-1,
#prospecthpTitle .col-red-1 {
    color: #D70022;
}
#prospecthp .col-blue-1 {
    color: #35b9e3;
}
#prospecthp .col-yellow-1 {
    color: #ffe785;
}
#prospecthp .col-yellow-2 {
    color: #FABA00;
}
#prospecthp .col-yellow-desh {
	color: #E6A816	
}