#outerPageContainer {
    width: 100%!important;
}
#FreeFormatPage {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    background-color:#fff;
}

#FreeFormatPage a {text-decoration: none;}

#FreeFormatPage .mobile {display: none;}

/* header */
header {
	position: relative;
}
header h1 {
    font: 18.5em 'knockout67';
    color: #fff;
    position: absolute;
    top: 49%;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    text-transform: uppercase;
}
header h1 span {
	    -webkit-text-stroke: 3px #fff;
    color: transparent;
}
header picture img {
	width: 100%!important;
}


/* USPs */

#usp {
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: inline-block;
}

.center-title {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	position: relative;
	padding: 3% 0%;
}


.center-title h3 {
	font: 4.5em/1em 'knockout67';
	color: #000;
	text-transform: uppercase;
}

.center-title h3 span {
	color: #fa697e;
	font-style: italic;
	text-decoration: underline;
	margin-right: .2em;
}

.usp1 {
	width: 100%;
	position: relative;
	margin: 0% 6%;
	display:inline-block;
}


.usp1 .left {
	width:41%;
}

.usp1 .right {
	position: absolute;
	left: 50%;
	width:41%;
}

.usp1 .textoverlay {
	font: 3em 'knockout67';
    color: #fff !important;
    text-transform: uppercase;
    line-height: 1em;
    position: absolute;
    top: 66%;
    left: 45%;
}

mark {background-color: transparent;color: #000;}
span.space {padding: 0 0 0 0.25em;}

.usp2 {
	width: 100%;
	position: relative;
	margin: 0% 6%;
	display:inline-block;
	padding-bottom: 15%;
}

.usp2 p {
	font: 3em 'knockout67';
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
    text-align: right;
    width: 41%;
    margin-top: 4%;
    margin-bottom: 5%;
}
    

.usp2 .left {
	width:41%;
}

.usp2 .right {
	position: absolute;
	left: 50%;
	top: 10%;
	width:40%;
}

.usp2 .textoverlay {
	font: 3em 'knockout67';
    color: #000;
    text-transform: uppercase;
    line-height: 1em;
    position: absolute;
    top: 74%;
    left: 6%;
    z-index: 2;
}


#curves {
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: inline-block;
	margin-top: 8%;
}

.text-container {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	position: relative;
	padding: 3% 0%;
}

.text-container h3 {
	font: 5.5em/.5em 'knockout67';
	color: #000;
	text-transform: uppercase;
	padding-bottom: 0;
}

.text-container h1 {
	font: 7.8em/1em 'knockout67';
	color: #000;
	text-transform: uppercase;
}

.text-container h1 span{
	color: #fa697e;
	text-decoration: underline;
}

.text-container p {
	font: 1.3em 'CircularBold';
	color: #000;
	line-height: 1.5em;
	text-align: center;
	width: 65%;
	margin: 4% auto;
}



#newsletter {
	width: 120%;
	background-color: #c09c82;
	text-align: center;
	display: inline-block;
	position: relative;
	margin: 4% -10%;
	padding:3% 0%;
}

#newsletter h3 {
	font: 4em 'knockout67';
	color: #fff;
	text-transform: uppercase;
}

#newsletter p {
	font: 1.3em 'CircularBold';
	color: #fff;
	line-height: 1.2em;
}

#newsletter p.orange-cta {
	background-color: #fff;
	font: 1.3em 'CircularBold';
	color: #000;
	padding:1%;
	width:18%;
	margin: 2.5% auto 3.5%;
}
#newsletter p.orange-cta:hover {
	background-color: #000;
	color: #fff;
}

.app {
	width: 13%;
	margin: 0% 1%;
	vertical-align:middle;
}


#social {
	width:100%;
	background-image: url(/repo/DAL/desktop/pages/freeformats/AW18/About-Us/1810/02-images/simplybebg.jpg);
	text-align: center;
	display: inline-block;
	position: relative;
	margin: 4% auto 8%;
	padding:3% 0%;
	background-size:100%;
	background-repeat: no-repeat;
}

#social h3 {
	font: 4em 'knockout67';
	color: #000;
	text-transform: uppercase;
}

#social p {
	font: 1.3em 'CircularBold';
	color: #000;
	line-height: 1.2em;
}

.social {
	width:2.8%;
	margin: 2% 1.2%;
	vertical-align:middle;
}

.social-facebook {
	width:1.2%;
	margin: 2% 1.2%;
	vertical-align:middle;
}
	





@media only screen and (max-width: 1400px) {
	.usp1 .textoverlay {
	/* line-height: 2.5em; */
	}
	.usp2 .textoverlay {
	/* line-height: 2.5em; */
	}
}


@media only screen and (max-width: 1300px) {
#FreeFormatPage {
   font-size:85%;
}
#usp {
   font-size:100%;
}
}

@media only screen and (max-width: 1200px) {

#usp {
   font-size:95%;
}
#FreeFormatPage {
   font-size:85%;
}
}

@media only screen and (max-width: 1100px) {

#usp {
   font-size:90%;
}
#FreeFormatPage {
   font-size:80%;
}
}



@media only screen and (max-width: 1024px) {
#usp {
   font-size:95%;
}
#FreeFormatPage {
   font-size:78%;
}

.text-container p {
	font: 1.5em 'CircularBold';
	width: 80%;
	margin-bottom:6%;
}

#newsletter p {
	font: 1.5em 'CircularBold';
	line-height: 2.8em;
}

#social p {
	font: 1.5em 'CircularBold';
	line-height: 2.8em;
}

#social h3 {
	font: 4.5em 'knockout67';
}

#newsletter {
	padding:5% 0%;
}

#newsletter h3 {
	font: 4.5em 'knockout67';
}


#newsletter p.orange-cta {
	font-size: 1.5em;
	width:24%;
	margin: 1.5% auto 3.5%;
	padding:1.2%;
}

.app {
	width: 18%;
	margin-top:2%;
}

#social {
	margin: 2% auto 2%;
}
.social {
	width:4%;
	margin: 2% 1.8%;
	vertical-align:middle;
}

.social-facebook {
	width:1.7%;
	margin: 2% 2%;
	vertical-align:middle;
}

.text-container h1 {
	font: 7.8em/1em 'knockout67';
}

header h1 {
font: 18vw 'knockout67';
    top: 49%;
}
.fullimage {width:100%;}
}

@media only screen and (max-width: 850px) {

#FreeFormatPage {
   font-size:59%;
}

#newsletter p.orange-cta {
	font-size: 1.2em;
}

}

@media only screen and (max-width: 768px) {

#FreeFormatPage {
   font-size:50%;
}

.text-container p, #newsletter p, #social p {
	font: 1.7em 'CircularBold';

}
#newsletter p.orange-cta {
	margin: 3% auto 4%;
}
.text-container h1 {
	font: 7.8em/1.2em 'knockout67';
}
	
header h1 {
    font: 21vw 'knockout67';
    top: 44%;
}
	
header h1 span {
    -webkit-text-stroke: 1px #fff;
}

}

@media only screen and (max-width: 667px) {
	#FreeFormatPage {
   font-size:48%;
}
.text-container p, #newsletter p, #social p {
	font: 1.8em 'CircularBold';}
}

@media only screen and (max-width: 640px) {
	#FreeFormatPage {
   font-size:49%;
}
}

@media only screen and (max-width: 568px) {
#FreeFormatPage {
   font-size:44%;
}

}

@media only screen and (max-width: 420px) {
#FreeFormatPage {
   font-size:59%;
}
	#FreeFormatPage .mobile {display: block;}
#FreeFormatPage .desktop {display: none;}

header h1 {
    font: 29vw 'knockout67';
    top: 29%;
}
header h1 span {
    -webkit-text-stroke: 1px #fff;
    color: transparent;
}

.center-title h3 {
	font: 4em/1em 'knockout67';
}
.center-title {
	padding: 8% 0%;
}
.usp1 {
	margin: 0 auto;
	padding-bottom:100%;
}
.usp1 .left {
	width:100%;
}

.usp1 .right {
	position: absolute;
	left: 0%;
	width:100%;
	top:72%;
}

.usp1 .textoverlay {
	font: 3em 'knockout67';
    color: #fff !important;
    text-transform: uppercase;
    line-height: 1em;
    position: absolute;
    top: 57%;
    left: 5%;
}

.usp2 {
	margin: 0 auto;
	padding-bottom:197%;
}

.usp2 .left {
	display:none;
}


.usp2 .right {
	position: absolute;
	left: 0%;
	top: 23%;
	width:100%;
}

.text-container h3 {
	font: 6.2em/.9em 'knockout67';
}

.text-container h1 {
	font: 9.4em/1em 'knockout67';
}

.usp2 .textoverlay {
	font: 3em 'knockout67';
    color: #000;
    text-transform: uppercase;
    line-height: 1em;
    position: absolute;
    top: 1.3%;
    left: 0%;
    z-index: 2;
    width: 95%;
}


.text-container p {
	font: 1.5em 'CircularBold';
	color: #000;
	line-height: 1.5em;
	text-align: center;
	width: 90%;
	margin: 8% auto;
}

#newsletter {
	margin: 6% auto;
	padding:8% 0%;
	width: 100%;
}

#newsletter p.orange-cta {
	font-size: 1.3em;
	padding:3%;
	width:50%;
	margin: 4% auto 10%;
}

#newsletter p, #social p {
	font: 1.5em 'CircularBold';
	color: #000;
	line-height: 1.5em;
	width:90%;
	margin: 1% auto;
}

.app {
	width: 38%;
	margin-top:4%;
}


.social {
	width:8%;
	margin: 5% 2.5%;
	vertical-align:middle;
}

.social-facebook {
	width:3%;
	margin: 5% 2.5%;
	vertical-align:middle;
}

#social {
	background-image: url(/repo/DAL/desktop/pages/freeformats/AW18/About-Us/1810/02-images/simplybebg-m1.jpg);
	
}


}

@media only screen and (max-width: 320px) {
#FreeFormatPage {
   font-size:50%;
}
}