#outerPageContainer {width:100%!important;}

#FreeFormatPage {
	width:100%;
	max-width:1600px;
	margin: 0 auto;
	background-color:#fff;
}
#FreeFormatPage img.BG {
	width:100%;
}
#FreeFormatPage a {text-decoration: none!important;}

.mobile {display:none!important;}

/* Header */
#header {
	width:100%;
	position:relative;
	text-align:center;
}


#header .textArea {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#header .textArea h2 {
	font: 6em/.9 'CircularBold';
	color: #fff;
}

#header h3 {
    font: 1em/1.5 'CircularBold';
    letter-spacing: .05em;
    color: #fff;
    margin: 2% auto 1.5%;
    width: 50%;
}

#header p.ff-CTA {
    font: 1em/1 'CircularBold';
    text-transform: none;
    letter-spacing: .05em;
    display: block;
    width: 22%;
    padding: 15px 0;
    margin: 0 auto;
    position: relative;
    background: #fff;
    color: #000;
}

#header p.ff-CTA.mobile {
	width: 100%;
    margin: 1% auto;
    font-size: 1.2em;
    padding: 20px 0;
}
#header a {
	font-size: 100%;
}

.ff-shopall {
    margin-bottom: 3em;
    margin-top: 1.5em;
}
.ff-shopall .ff-cta {
    width: 100%;
    padding: 1em 0em;
    color:#fff;
    text-decoration:none;
    font: 1em 'CircularBold';
}

.ff-cta {
    font-size: 1.7em;
    display: inline-block;
    min-width: 15em;
    margin-top: 0%;
    padding: 0.625em 0;
    text-align: center;
    letter-spacing: 0.025em;
    color: #fff;
    background-color: #000;
}

/* dress to impress */
p.ff-CTA-dress, a.ff-CTA {
	font: 1.2em/1 'CircularBold';
	color: #fff;
	background: #000;
	text-transform: none;
	letter-spacing: .05em;
	text-align: center;
	padding: 15px 0;
	display: block;
	width: 22%;
	text-decoration: none;
	position: absolute;
	top: 88%;
	right: 15%;
	z-index: 2;
}


p.ff-CTA-skirt, a.ff-CTA {
	font: 1.2em/1 'CircularBold';
	color: #fff;
	background: #000;
	text-transform: none;
	letter-spacing: .05em;
	text-align: center;
	padding: 15px 0;
	margin: 2% auto;
	display: block;
	width: 22%;
	text-decoration: none;
	position: absolute;
	top: 46%;
	left: 15%;
	z-index: 2;
}

p.ff-CTA-trousers, a.ff-CTA {
	font: 1.2em/1 'CircularBold';
	color: #fff;
	background: #000;
	text-transform: none;
	letter-spacing: .05em;
	text-align: center;
	padding: 15px 0;
	margin: 2% auto;
	display: block;
	width: 22%;
	text-decoration: none;
	position: absolute;
	top: 86%;
	left: 14%;
	z-index: 2;
}

p.ff-CTA-blouses, a.ff-CTA {
	font: 1em/1 'CircularBold';
	color: #fff;
	background: #000;
	text-transform: none;
	letter-spacing: .05em;
	text-align: center;
	padding: 15px 0;
	margin: 2% auto;
	display: block;
	width: 22%;
	text-decoration: none;
	position: absolute;
	top: 86%;
	left: 14%;
	z-index: 2;
}

p.ff-CTA-suits, a.ff-CTA {
	font: 1.2em/1 'CircularBold';
	color: #fff;
	background: #000;
	text-transform: none;
	letter-spacing: .05em;
	text-align: center;
	padding: 15px 0;
	margin: 2% auto;
	display: block;
	width: 19%;
	text-decoration: none;
	position: absolute;
	top: 95%;
	left: 27.7%;
	z-index: 2;
}

p.ff-CTA-iscenery, a.ff-CTA {
	font: 1.2em/1 'CircularBold';
	color: #fff;
	background: #000;
	text-transform: none;
	letter-spacing: .05em;
	text-align: center;
	padding: 15px 0;
	margin: 2% auto;
	display: block;
	width: 19%;
	text-decoration: none;
	position: absolute;
	top: 86%;
	left: 69.7%;
	z-index: 2;
}

p.ff-CTA-jackets, a.ff-CTA {
    font: 1em/1 'CircularBold';
    color: #fff;
    background: #000;
    text-transform: none;
    letter-spacing: .05em;
    text-align: center;
    padding: 15px 0;
    margin: 5% auto;
    display: block;
    width: 45%;
    text-decoration: none;
    position: absolute;
    top: 95%;
    left: 27.5%;
    z-index: 2;
}

p.ff-CTA-accessories, a.ff-CTA {
	font: 1em/1 'CircularBold';
	color: #fff;
	background: #000;
	text-transform: none;
	letter-spacing: .05em;
	text-align: center;
	padding: 15px 0;
	display: block;
	width: 22%;
	text-decoration: none;
	position: absolute;
	top: 91.5%;
	left: 14%;
	z-index: 2;
}

p.ff-CTA-shoes, a.ff-CTA {
	font: 1em/1 'CircularBold';
	color: #fff;
	background: #000;
	text-transform: none;
	letter-spacing: .05em;
	text-align: center;
	padding: 15px 0;
	display: block;
	width: 22%;
	text-decoration: none;
	position: absolute;
	top: 91.5%;
	left: 65.5%;
	z-index: 2;
}

/* generic */


p.ff-CTA {font-size: 1em;}

a.ff-CTA.cat-end {
	padding: 20px 0;
	width: 80%!important;
	margin: 2% auto;
	background: #111;
}

h4.price-point {
	font: 2em/1 'CircularBold';
    letter-spacing: .025em;
    color: #1d1d1d;
	position: absolute;
    text-align: left;
    line-height: 1.2;
	z-index: 10;
}
h4.price-point span {
	font-size: .5em;
	letter-spacing: .025em;
	display: block;
}


.trousers h3 {
	font: 5.5em/1.2 'CircularBold';
	letter-spacing: 2px;
	color: #e32227;
	text-align: center;
	width: 30%;
	padding: 3% 0 1%;
	text-transform: none;
	position: absolute;
	top: 24%;
	right: 60%;
	z-index: 2;
	text-decoration: underline;
}

.trousers h5 {
	font: 1.1em/1.5 'CircularBold';
	text-align: center;
	width: 50%;
	color: #000;
	display: block;
	letter-spacing: .05em;
	/* margin: 0 auto; */
	position: absolute;
	top: 84%;
	left: 0%;
	z-index: 2;
}

.trousers h4.price-point {
	top: 50%;
    left: 60%;
}



.dress h3 {
	font: 5.5em/1.2 'CircularBold';
	letter-spacing: 2px;
	color: #588df9;
	text-align: center;
	width: 30%;
	padding: 3% 0 1%;
	text-transform: none;
	position: absolute;
	top: 22%;
	right: 21%;
	z-index: 2;
	text-decoration: underline;
}

.dress h5 {
	font: 1.1em/1.5 'CircularBold';
	text-align: left;
	width: 15%;
	color: #000;
	display: block;
	letter-spacing:     0em;
	/* margin: 0 auto; */
	position: absolute;
	top: 57%;
	right: 33%;
	z-index: 2;
}


.suits h3 {
	font: 5.5em/1.2 'CircularBold';
	letter-spacing: 2px;
	color: #578df8;
	text-align: center;
	width: 30%;
	padding: 3% 0 1%;
	text-transform: none;
	position: absolute;
	top: 0%;
	right: 18%;
	z-index: 2;
	text-decoration: underline;
}

.suits h5 {
	font: 1.1em/1.5 'CircularBold';
	text-align: center;
	width: 54%;
	color: #000;
	display: block;
	letter-spacing: .05em;
	/* margin: 0 auto; */
	position: absolute;
	top: 91%;
	right: 35.5%;
	z-index: 2;
}

.suits h4.price-point:nth-of-type(1) {
	top: 18%;
    left: 22%;
}

.suits h4.price-point:nth-of-type(2) {
	top: 43%;
    left: 83%;
}

.suits h4.price-point:nth-of-type(3) {
	top: 70%;
    left: 70%;
}


.covergirl h4.price-point {
	top: 20%;
	left: 23%;
}

.shirt h3 {
	font: 6em/1.2 'CircularBold';
	letter-spacing: 2px;
	color: #ead24e;
	text-align: center;
	width: 25%;
	padding: 3% 0 1%;
	text-transform: none;
	position: absolute;
	top: 32%;
	right: 63%;
	z-index: 2;
	text-decoration: underline;
}

.shirt h5 {
	font: 1.2em/1.5 'CircularBold';
	text-align: center;
	width: 50%;
	color: #000;
	display: inline-block;
	letter-spacing: .05em;
	/* margin: 0 auto; */
	position: absolute;
	top: 84%;
	right: 50.5%;
	z-index: 2;
}


.accessories h3 {
	font: 5.1em/1.2 'CircularBold';
	letter-spacing: 2px;
	color: #e32227;
	text-align: left;
	width: 30%;
	padding: 3% 0 1%;
	text-transform: none;
	position: absolute;
	top: -7%;
	right: 18%;
	z-index: 2;
	text-decoration: underline;
}



.accessories h5 {
	font: 1.1em/1.5 'CircularBold';
	text-align: center;
	width: 50%;
	color: #000;
	display: block;
	letter-spacing: .05em;
	/* margin: 0 auto; */
	position: absolute;
	top: 84%;
	left: 51.5%;
	z-index: 2;
	padding-top: 1%;
}

#suitscontainer {
	position: absolute;
	margin-top: -16%;
	left: 50%;
	z-index: 2;
	width: 50%;
}

#suitscontainer h1 {
	font: 4em/.8 'CircularBold';
}

#suitscontainer h5 {
	font: 1.2em/.8 'CircularBold';
	padding-top: 2%;
}


a .section-header h3 {
	font-size: 4em;
}
a .section-header h5 {
	font-size: 1.2em;
}
.section-header.image-BG {
	position: absolute;
    z-index: 10;
    width: 60%;
    top: 30%;
}
.section-header.image-BG.right {
	right: 0;
}

.ff-row {
	width:100%;
	margin: 5% auto;
	position:relative;
	text-align: center;
}

.ff-row .feature {
	display:inline-block;
	position:relative;
	vertical-align: top;
	width: 80%;
}

.ff-row a.feature-link {
	display: inline-block;
}


.ff-row.one .feature {
	width: 49.7%;
}

/* Carousel */
.owl-carousel {
	display: inline-block!important;
	width: 49.7%!important;
}

#ProductCarousel .owl-prev {
    content: url(/repo/FW/desktop/pages/freeFormat/SS17/SwimwearShop/week12/02-images/previous.png);
    position:absolute;
    left: 15%;
    top:50%;
}
#ProductCarousel .owl-next {
    content: url(/repo/FW/desktop/pages/freeFormat/SS17/SwimwearShop/week12/02-images/next.png);
    position:absolute;
    right: 15%;
    top:50%;
}

.owl-carousel .owl-item img {
    width: 60% !important;
    margin: 0 auto !important;
}


@media screen and (min-width: 1600px) {
.dress h5 {
    top: 55%;
    right: 31.5%;
}
}


@media screen and (max-width: 1380px) {
.dress h3 {font: 5.1em/1.2 'CircularBold';}
.shirt h5 {right: 50%;}
.trousers h5 {right: 40%;}
#header h3 {font: 1.1em/1.5 'CircularBold';}

}

@media screen and (max-width: 1365px) {
.dress h3 {font: 4.7em/1.2 'CircularBold';}
.trousers h3 {font: 4.3em/1.2 'CircularBold';top: 26%;}
.trousers h5 {right: 41%;top:83.5%}
.suits h3 {font: 4.3em/1.2 'CircularBold';}
.shirt h5 {top:83.5%}
.shirt h3 {font: 5.5em/1.2 'CircularBold';}
.accessories h3 {font: 4.8em/1.2 'CircularBold';}
}

@media screen and (max-width: 1180px) {
#FreeFormatPage {font-size: 90%;}
.dress h3 {font: 4.3em/1.2 'CircularBold';}
.shirt h3 {top: 31%;}
.suits h5 {top: 90%;}
.trousers h5 {right: 43%;top:83%}
p.ff-CTA-trousers, a.ff-CTA {top: 85%;}
.shirt h5 {top:83%}
.dress h5 {width: 16%;right:31%;top: 55%;}
p.ff-CTA-blouses, a.ff-CTA {top: 85%;}
}

@media screen and (max-width: 1100px) {
#FreeFormatPage {font-size: 85%;text-decoration: none;}
.dress h5 {top: 55%;right: 31.5%;}
.trousers h5 {right: 41%;}
p.ff-CTA-suits, a.ff-CTA, p.ff-CTA-trousers, a.ff-CTA, p.ff-CTA-dress, a.ff-CTA, p.ff-CTA-skirt, a.ff-CTA {font: 1em/1 'CircularBold';}
}



@media all and (max-width: 1024px) {
	#FreeFormatPage {font-size:80%;}
	#FreeFormatPage a {font-size: 100%;text-decoration: none;}
	.dress h3 {font: 5em/1.1 'CircularBold';}
	.dress h5 {font: 1.2em/1.5 'CircularBold';width: 17%;right: 31%;}
	.trousers h5 {font: 1.2em/1.5 'CircularBold';top: 83%;right: 42.5%;}
    p.ff-CTA-trousers, a.ff-CTA {top: 85%;}
    .suits h3 {font: 5em/1.2 'CircularBold';}
    .shirt h5 {top: 83%;right: 42%;}
    #header h3 {font: 1.2em/1.5 'CircularBold';}
	#header p.ff-CTA {font: 1.2em/1 'CircularBold';}
	p.ff-CTA-dress, a.ff-CTA, p.ff-CTA-jackets, a.ff-CTA, p.ff-CTA-blouses, a.ff-CTA, p.ff-CTA-shoes, a.ff-CTA, p.ff-CTA-suits, a.ff-CTA, p.ff-CTA-accessories, a.ff-CTA, p.ff-CTA-skirt, a.ff-CTA, p.ff-CTA-trousers, a.ff-CTA {padding: 12px 0;}
	.shirt h5 {right: 45%;width:60%;}
	.trousers h3 {font: 5em/1.2 'CircularBold';top: 26%;}
.accessories h3 {font: 4.4em/1.2 'CircularBold';top: -6%;}
	.suits h4.price-point:nth-of-type(3) {
    top: 68%;
    left: 69%;
}
}

@media all and (max-width: 850px) {
	#FreeFormatPage {font-size:70%;}
.suits h3 {font: 4.5em/1.2 'CircularBold';left: 58%}
.dress h3 {font: 4.5em/1.1 'CircularBold';}
	.shirt h5, .accessories h5 {font: 1em/1.5 'CircularBold';}
}

@media all and (max-width: 768px) {
	.dress h3 {font: 4em/1.1 'CircularBold';}
	.dress h5 {font: 1em/1.5 'CircularBold';top: 54%;}
	.trousers h3 {font: 4em/1.2 'CircularBold';top: 26%;}
	.trousers h5 {font: 1em/1.5 'CircularBold';right: 43%;}
	.suits h3 {font: 4em/1.2 'CircularBold';}
	.shirt h5 {right: 44.5%;}
	p.ff-CTA-dress, p.ff-CTA-blouses, p.ff-CTA-jackets, p.ff-CTA-suits,p.ff-CTA-trousers,p.ff-CTA-skirt,a.ff-CTA,p.ff-CTA-shoes,a.ff-CTA,p.ff-CTA-accessories,a.ff-CTA  {padding: 10px 0;}
	#header p.ff-CTA {padding: 10px 0;}
	#header .textArea h2 {font-size: 5em;}
	.ff-row p.ff-CTA {font-size: .8em;}
	.ff-row.one .feature {width: 49.5%;}
	#header h3 {font: 1em/1.5 'CircularBold';}
	p.ff-CTA-dress, a.ff-CTA,p.ff-CTA-skirt, a.ff-CTA,p.ff-CTA-trousers, a.ff-CTA,p.ff-CTA-suits, a.ff-CTA {
    font: 1em/1 'CircularBold';}
    .accessories h3 {font: 4em/1.2 'CircularBold';top: -7%;}
}
@media all and (max-width: 767px) {
	p.ff-CTA-iscenery, a.ff-CTA {
    font: 1em/1 'CircularBold';width:22%;left:68.4%;]

	#FreeFormatPage {font-size:75%;}
	.dress h5 {font: 1.1em/1.5 'CircularBold';top: 55%;width: 17%;left:52%;}
#header p.ff-CTA {font: 1em/1 'CircularBold';}
.dress h3 {font: 3.7em/1.1 'CircularBold';}
.suits h5 {font: 1em/1.5 'CircularBold';}
.shirt h3 {font: 4.5em/1.2 'CircularBold';}
.shirt h5, .accessories h5 {font: 1em/1.5 'CircularBold';}
#header h3 {font: 1.1em/1.5 'CircularBold';width:42%;}
#suitscontainer h1 {font: 3.7em/.8 'CircularBold';padding-bottom:2.5%;}
.accessories h3 {font: 3.7em/1.2 'CircularBold';top: -7%;}
}

@media all and (max-width: 667px) {
#header .textArea h2 {font-size: 4.5em;}
.dress h3 {font: 3.3em/1.1 'CircularBold';}
.trousers h3 {font: 3.5em/1.2 'CircularBold';}
.accessories h3 {font: 3em/1.2 'CircularBold';}

.suits h4.price-point:nth-of-type(3) {
	top: 68%;
    left: 67%;
}


.covergirl h4.price-point {
	left: 20%;
}

}



/* mobile */
@media all and (max-width: 640px) {
	.desktop {display:none!important;}
	.mobile {display:block!important;}
	#FreeFormatPage {font-size:100%;}
	.trousers h3 {font: 5em/1.2 'CircularBold';width: 70%;top: 13%;right: 15%;}
	.trousers h5 {width: 80%;top: 39%;left: 10%;text-align:center;font: 1em/1.3 'CircularBold';}
	.shirt h5 {width: 90%;top: 43%;right: 4%;text-align:center;font: 1em/1.3 'CircularBold';}
     #header .textArea h2 {font-size: 5em;color: #fff;}
	#header .textArea {top: 64%;}
	#header p.ff-CTA.mobile {width: 70%;margin: 0 auto;font-size: 1em;padding: 15px 0;position: absolute;top: 70%;left: 15%;right: 15%;background: #fff;color: #000;}
	#header h3 {font: 1em/1.5 'CircularBold';width:90%}
	.ff-row p.ff-CTA {font-size: 1em;}
	a.ff-CTA.cat-end {width: 100%!important;}
	p.ff-CTA-dress, p.ff-CTA-blouses, p.ff-CTA-suits, p.ff-CTA-trousers, p.ff-CTA-skirt, a.ff-CTA, p.ff-CTA-shoes, a.ff-CTA, p.ff-CTA-accessories, a.ff-CTA, p.ff-CTA-jackets, a.ff-CTA {padding: 15px 0;width: 70%;margin: 0 auto;top: 102%;left: 15%;}
	p.ff-CTA-trousers, a.ff-CTA {top: 103%;font: 1em/1 'CircularBold';}
	p.ff-CTA-suits, a.ff-CTA {top: 106%;left: 14.5%;font: 1em/1 'CircularBold';}
	p.ff-CTA-dress, a.ff-CTA {top: 40%;left: 14.5%;font: 1em/1 'CircularBold';}
	p.ff-CTA-skirt, a.ff-CTA {top: 73%;left: 14.5%;font: 1em/1 'CircularBold';}
    p.ff-CTA-shoes, a.ff-CTA {top: 106%;left: 14.5%;}
	p.ff-CTA-accessories, a.ff-CTA {top: 47.5%;left: 14.5%;}
	.suits {padding-top:22%;}
	.suits h3 {font: 4em/1.2 'CircularBold';width:60%;top: 14%;right: 0%;left: 40%;}
    .shirt h5 {width: 90%;top: 50%;right: 4%;text-align:center;font: 1em/1.3 'CircularBold';}
	.shirt h3 {font: 5.5em/1.2 'CircularBold';left: 35%;top: 28%;}
    .dress h3 {font: 4em/1.2 'CircularBold';left:-3%;top: 15%;width:60%;}
    .dress h5 {top: 30%;width: 35%;left:6%;}
    .ff-row .feature {width: 100%!important;}
	.ff-row.two .feature {width: 100%!important;margin: 0;}
	.ff-row.one .feature {margin: 5% auto!important;}
	.ff-row.one .feature1 {width: 100%;padding: 20% 0% 2% 0%;}
	.ff-row.one .feature.one {margin-top: 0!important;}
	.accessories h5 {width: 75%;display: inline-block;top: 102%;left: 12.5%;text-align:center;font: 1em/1.3 'CircularBold';}
	.shoes {padding-top: 15%;}
	.ff-shopall .ff-cta {width: 100%;padding: 1em 0em;color:#fff; text-decoration:none;font: 1em 'CircularBold';margin-top:20%;}
    .accessories {margin-top:15%;}
	.owl-carousel {width: 90%!important;}
	#suitscontainer {margin-top: 0%;left: 0%;width: 100%;}
	.owl-carousel .owl-item img {width: 70% !important;}
	.shirt {padding-top: 25%;}
	#suitscontainer h1 {font: 3.5em/.8 'CircularBold';padding-top:1%;padding-bottom:2%;}
#suitscontainer h5 {font: 1em/.8 'CircularBold';padding-bottom: 5%;}

.accessories h3 {font: 4em/1.2 'CircularBold';top: 58%;width: 70%;right: 25%;}

.trousers h4.price-point {
	top: 80%;
    left: 75%;
}

.suits h4.price-point:nth-of-type(1) {
	top: 20%;
    left: 4%;
}

.suits h4.price-point:nth-of-type(2) {
	top: 57%;
    left: 60%;
}

.suits h4.price-point:nth-of-type(3) {
	top: 91%;
    left: 63%;
}


.covergirl h4.price-point {
	top: 20%;
	left: 45%;
}

h4.price-point {
    font: 1.5em/1 'CircularBold';
    letter-spacing: .025em;
    color: #1d1d1d;
    position: absolute;
    text-align: left;
    line-height: 1.2;
    z-index: 10;
}
p.ff-CTA-iscenery, a.ff-CTA {
	font: 1em/1 'CircularBold';
	margin: 2% auto;
	width: 70%;
	top: 103%;
	left: 16%;
}


}

@media only screen and (max-width: 414px) {
	.dress h5 {top: 28%;}
	#header p.ff-CTA.mobile {top: 74%;}
	.shirt h5 {width: 90%;top: 50%;right: 4%;text-align:center;font: 1em/1.3 'CircularBold';}
	.shirt h3 {font: 3.5em/1.2 'CircularBold';left: 33%;top: 29%;}
	.suits h3 {font: 3em/1.2 'CircularBold';width:60%;top: 14%;right: 0%;left: 40%;}
	.trousers h5 {width: 80%;top: 37.5%;left: 10%;text-align:center;font: 1em/1.3 'CircularBold';}
	.trousers h3 {font: 3.2em/1.2 'CircularBold';width: 70%;top: 13%;right: 15%;}
	.dress h3 {font: 3em/1.2 'CircularBold';left:0%;top: 14%;width:60%;}
	#header .textArea h2 {font-size: 4em;}
	.shoes {padding-top:7%;}
	p.ff-CTA-shoes, a.ff-CTA {top: 108%;}
	p.ff-CTA-accessories, a.ff-CTA {top: 42.5%;}
	.accessories h5 {top: 101.5%;}
	.owl-carousel .owl-item img {width: 80% !important;}
	#suitscontainer h1 {padding-bottom:5%;}
	.shirt {padding-top: 35%;}
	.ff-shopall .ff-cta {margin-top: 30%;}
	#ProductCarousel .owl-prev {
    content: url(/repo/FW/desktop/pages/freeFormat/SS17/SwimwearShop/week12/02-images/previous.png);
    position:absolute;
    left: 5%;
    top:50%;
}
#ProductCarousel .owl-next {
    content: url(/repo/FW/desktop/pages/freeFormat/SS17/SwimwearShop/week12/02-images/next.png);
    position:absolute;
    right: 5%;
    top:50%;
}
.accessories {
    margin-top: 25%;
}
.accessories h3 {font: 3em/1.2 'CircularBold';top: 57%;width: 70%;right: 25%;}



}

@media only screen and (max-width: 375px) {
	#header .textArea h2 {font-size: 3.5em;}
	#header h3.mobile {font-size: .9em;}
	#header p.ff-CTA.mobile {font-size: 1em;top: 73%;}
	.dress h5 {top: 29%;left:5%;font: 1em/1.5 'CircularBold';}
	.suits h3 {font: 2.7em/1.2 'CircularBold';}
	.ff-row .feature {width: 100%!important;}
	p.ff-CTA, a.ff-CTA {width: 100%;}
	.ff-row {margin: 10% auto;}
	#ProductCarousel .owl-prev {left: 5%;}
	#ProductCarousel .owl-next {right: 5%;}
}

@media only screen and (max-width: 360px) {
.accessories h3 {font: 2.7em/1.2 'CircularBold';}
}

@media only screen and (max-width: 320px) {
	#FreeFormatPage {font-size: 85%;}
	.dress h5 {top: 29%;left:4%;}
}