#outerPageContainer {width: 100%!important;overflow: hidden;}

@font-face {
font-family: 'avallon';
src: url('/repo/DAL/common/fonts/Avallon/avallon.woff') format('woff');
font-weight: normal;
font-style: normal;
}

#ff-container {
	margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1600px;
    text-align: center;
    background: #f3dbde;
    padding-bottom: 5%;
}

#ff-container img.BG {max-width:100%;display: block;}

#ff-container a {text-decoration: none;font-size: 100%;}

.f-desktop {display: none!important;}

/* Header */
.ff-header {
	position: relative;
}

#ff-container .ff-header h2 {
	font-size: 12.5vw;
	position: absolute;
    text-align: left;
    top: 5.2em;
    left: 8%;
}
#ff-container .ff-header h2 span.newLine {
	display: block;
    margin: 2% 0 0 43%;
    width: 100%;
	font-size: 2.5em;
}
#ff-container .ff-header h2 span.smaller {
	font-size: .6em;
	margin: 0 0 0 12px;
}

.ff-header .ff_text_area {margin-top: 13px;z-index: 10;}

/* generic */
.ff-cta {
	background: #1d1d1d;
    color: #fff;
    font: .85em/1 'CircularBold';
    text-align: center;
    padding: 15px 0;
    position: relative;
    display: block;
    width: 105%;
    margin: 5% 0 0 -2.5%;
}
.ff-cta.cta-main {
	width: 100%;
    margin: 5% auto 0;
}

.ff-section {
	width: 100%;
	position: relative;
	margin: 0 auto;
	text-align: center;
	display: block;
	vertical-align: top;
}

#ff-container h2 {
	color: #000;
    font: 20vw/1 'didot_reg';
    text-transform: uppercase;
	margin: 4% auto;
	position: absolute;
	text-align: left;
}
#ff-container h2.h-light {
	color: #f2e2e8;
}

#ff-container h2 span {
    font: 1.5em/1 'avallon';
	color: #f2e2e8;
    text-transform: none;
    vertical-align: middle;
	width: 100%;
}
#ff-container h2 span.newLine {
	display: block;
} 
#ff-container h2 span.alt-colour {
	color: #51122a;
} 
#ff-container h2.h-light span {
	color: #000;
}

.ff_text_area {
	width: 95%;
    margin: 5% auto 0; 
}

#ff-container p.s-subcopy {
	color: #1d1d1d;
	font: .95em/1.4 'CircularBold';
}


/* Specifics */
@media screen and (max-width: 767px) and (min-width: 300px) {
.ff-section.s-one {margin-top: 0;}
#ff-container .ff-section.s-one h2 {
	top: 4.1em;
    left: 5%;
    text-align: left;
    font-size: 18vw;
}
#ff-container .ff-section.s-one h2 span {
    width: 100%;
    margin: 75% 0 0 44%;
    -webkit-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
            transform: rotate(-8deg);
}
}


.ff-section.s-two .ff_text_area {
	margin-top: 28%;
}
#ff-container .ff-section.s-two h2 {
	top: 5.1em;
	left: 3%;
}
#ff-container .ff-section.s-two h2 span {
	margin: -7% 0 0 24%;
    -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
            transform: rotate(-4deg);
    font-size: 1.3em;
}

#ff-container .ff-section.s-three h2 {
	color: #fff;
	text-align: right;
    line-height: .5;
	top: 1.97em;
    right: 5%;
}
#ff-container .ff-section.s-three h2 span {
	font-size: 1.25em;
	-webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
            transform: rotate(-4deg);
}

#ff-container .ff-section.s-four h2:nth-child(1) {
	text-align: right;
    line-height: .7;
    right: 3%;
    top: 2.8em;
}
#ff-container .ff-section.s-four h2:nth-child(1) span {
	font: inherit;
    text-transform: uppercase;
}
#ff-container .ff-section.s-four h2:nth-child(2) {
    top: 5em;
    font: 24.5vw/1 'avallon';
    text-transform: none;
    color: #f2e2e8;
	left: 3%;
	-webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
            transform: rotate(-5deg);
}
#ff-container .ff-section.s-four h2:nth-child(2) span {
	font-size: 1em;
	margin: -6% 0 0 35%;
}

.ff-section.s-five .ff_text_area {
	position: absolute;
    width: 54%;
    margin: 0 23%;
    top: 46%;
}
#ff-container .ff-section.s-five h2 {
	left: 3%;
	top: .95em;
}
#ff-container .ff-section.s-five h2 span {
	font-size: 1.05em;
	margin: -4% 0 0 5%;
	-webkit-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
            transform: rotate(-7deg);
}
.ff-section.s-five a:nth-child(1) p {
	margin-top: 0;
}


#ff-container .ff-section.s-six h2 {
	text-align: right;
	color: #fff;
	top: .4em;
    right: 8%;
}
#ff-container .ff-section.s-six h2 span.newLine {
    font-size: 1.4em;
	line-height: .7;
}
#ff-container .ff-section.s-six h2 span.newLine.mb-span {
    font-size: 1em;
	margin: 0 0 0 9%;
}
.ff-section.s-six .extra_cats .cat-feature {
    width: 70%;
}
.ff-section.s-six .extra_cats .cat-feature.ec-01 {
    margin: 1% 0 0 7%;
    -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
            transform: rotate(-4deg);
}
.ff-section.s-six .extra_cats .cat-feature.ec-02 {
    margin: 0 0 0 24%;
    -webkit-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
            transform: rotate(4deg);
}

@media only screen and (min-width: 375px) {
	.ff-section.s-six .extra_cats .cat-feature {width: 51%;display: inline-block;}
	.ff-section.s-six .extra_cats .cat-feature.ec-01 {margin: 0;}
	.ff-section.s-six .extra_cats .cat-feature.ec-02 {margin: 0 0 0 -4%;;}
}

@media only screen and (min-width: 411px) {
	.ff-section.s-five .ff_text_area {top: 48%;}
}

@media only screen and (min-width: 568px) {
	.ff-section.s-five .ff_text_area {top: 52%;}
}

@media only screen and (min-width: 600px) {
	.ff-header .ff_text_area {margin-top: 30px;}
}

@media only screen and (min-width: 768px) {
	.f-mobile {display: none!important;}
	.f-desktop {display: block!important;}
	#ff-container h2 {font-size: 10vw;}
	.ff_text_area {position: absolute;width: 42%;text-align: left;margin: 0 auto!important;}
	#ff-container .ff_text_area.dt-light p.s-subcopy {color: #fff;}
	#ff-container .ff_text_area.dt-light p.ff-cta {color: #1d1d1d;background: #f9ecf1;}
	#ff-container p.s-subcopy {font-size: .85em;}
	.ff_text_area .ff-cta {width: auto;margin: 15px 0 0;display: inline-block;padding: 15px 35px;}
	
	#ff-container .ff-header h2 {top: 2.4em;left: 16%;font-size: 10vw;}
	#ff-container .ff-header h2 span.newLine {font-size: 1.9em;margin: -5% 0 0 70%;-webkit-transform: rotate(-7deg);-ms-transform: rotate(-7deg);transform: rotate(-7deg);}
	.ff-header .ff_text_area {top: 86%;right: 0;}
	
	#ff-container .ff-section.s-one {margin: 5% auto 0;}
	#ff-container .ff-section.s-one h2 {top: 3.3em;left: 16%;}
	#ff-container .ff-section.s-one h2 span {-webkit-transform: rotate(-8deg);-ms-transform: rotate(-8deg);transform: rotate(-8deg);font-size: 1.5em;margin: -15% 0 0 93%;width: 100%;}
	.ff-section.s-one .ff_text_area {top: 71%;left: 54%;width: 30%;}
	
	#ff-container .ff-section.s-two h2 {top: .8em;left: 7%;}
	#ff-container .ff-section.s-two h2 span {margin: -11% 0 0 50%;}
	.ff-section.s-two .ff_text_area {top: 68%;left: 25%;}
	
	.ff-section.s-three {margin-top: -1.6%;}
	#ff-container .ff-section.s-three h2 {top:0;right: 8%;}
	#ff-container .ff-section.s-three h2 span {margin: 0 0 0 4%;}
	.ff-section.s-three .ff_text_area {top: 59%;left: 54%;}
	
	#ff-container .ff-section.s-four h2 span.newLine {display: inline!important;margin: 0 0 0 12px!important;vertical-align: top;}
	#ff-container .ff-section.s-four h2:nth-child(1) {left: 3%;right: inherit;top: 3em;}
	#ff-container .ff-section.s-four h2:nth-child(2) {top: 3.4em;font-size: 11.5vw;left: 38%;-webkit-transform: rotate(-4deg);-ms-transform: rotate(-4deg);transform: rotate(-4deg);}
	.ff-section.s-four .ff_text_area {top: 72%;left: 53%;width: 30%;}
	
	#ff-container .ff-section.s-five h2 {left: 17%;top: .9em;}
	#ff-container .ff-section.s-five h2 span {font-size: 1.2em;margin: -7% 0 0 21%;-webkit-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);}
	.ff-section.s-five .ff_text_area {top: 60%;left: 50%;width: 32%;}
	.ff-section.s-five .cta-area {position: absolute;top: 73%;left: 50%;width: 49%;text-align: left;}
	.ff-section.s-five .cta-area a {display: inline-block;margin: 0 50px 0 0;}
	.ff-section.s-five .cta-area a p {padding: 15px 17px;}
	
	#ff-container .ff-section.s-six h2 span.newLine.mb-span {display: inline;}
	#ff-container .ff-section.s-six h2 span.newLine {margin-left: 1%;-webkit-transform: rotate(-4deg);-ms-transform: rotate(-4deg);transform: rotate(-4deg);}
	.ff-section.s-six .extra_cats {position: absolute;top: -6%;width: 24%;left: 5%;}
	.ff-section.s-six .extra_cats .cat-feature {width: 100%;transform: none!important;}
	.ff-section.s-six .extra_cats .cat-feature.ec-02 {margin: -7% 0 0 0;}
	.ff-section.s-six .ff_text_area {top: 60%;left: 65%;width: 30%;}
}

@media only screen and (min-width: 1024px) {
	#ff-container p.s-subcopy {font-size: 1em;}	
	
	#ff-container .ff-section.s-one {margin: 0 auto;}
	
	#ff-container .ff-section.s-two h2 {top: 1.1em;left: 7%;}
	.ff-section.s-two .ff_text_area {top: 73%;left: 25%;width: 32%;}
	
	.ff-section.s-three .ff_text_area {top: 62%;left: 54%;width: 33%;}
}
	
@media only screen and (min-width: 1200px) {
	.ff-section.s-five .cta-area a {margin: 0 80px 0 0;}
	.ff-section.s-five .cta-area a p {padding: 15px 30px;}
	.ff-section.s-five .ff_text_area {top: 62%;}
	.ff-section.s-six .extra_cats {top: -2%;width: 22.5%;left: 3%;
}
}

@media only screen and (min-width: 1400px) {
	#ff-container p.s-subcopy {font-size: 1.1em;}
	.ff_text_area .ff-cta {padding: 15px 50px;}
	
	.ff-section.s-one .ff_text_area {width: 22%;}
	.ff-section.s-two .ff_text_area {width: 25%;}
	.ff-section.s-three .ff_text_area {top: 66%;left: 58%;width: 30%;}
	.ff-section.s-four .ff_text_area {width: 21%;}
	.ff-section.s-five .ff_text_area {width: 22%;}
	.ff-section.s-six .ff_text_area {top: 63%;left: 69%;width: 21%;
}
}

@media only screen and (min-width: 1600px) {
	#ff-container h2, #ff-container .ff-header h2 {font-size: 10em;}
	#ff-container .ff-section.s-four h2:nth-child(2) {font-size: 11.5em;}
}