@font-face {
  font-family:"VivaBeautiful";
  font-weight:normal;
  font-style:normal;
  src:url("/repo/AWL/desktop/common/04-fonts/vivabeautiful-webfont.woff") format("woff");
}
#outerPageContainer{
	width: 100%;
}
.AWL-container{
    background: #FFF;
    font-size: 62.5%;
    max-width: 1200px;
    margin: 0 auto;
}
.BF__heading{
    text-align: center;
    margin:3em 0;
}
.BF__headingtitle{
font: 15vw/1 "VivaBeautiful";
    margin: 0;
    color: #af245f;
}
.BF__headingpara{
    font: 5vw/1.3 "GibsonLight",Arial,'Helvetica Neue',Helvetica,sans-serif;
    width: 85vw;
    margin: 0 auto;
    max-width: 900px;
}
@media all and (min-width: 768px) {
    .BF__headingtitle{font-size: 10vw;}
    .BF__headingpara{ font-size: 2vw; width: 70vw}
}
@media all and (min-width: 1200px) {
    .BF__headingtitle{  font-size:10em;}
    .BF__headingpara{   font-size: 2.4em;}
}


.BF__S{ border-bottom: 1px solid #000; margin-bottom: 3em;}


/*----------------------------------
SECTION ONE
------------------------------------*/

.BF__S1{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}
.BF__S1imagearea{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}
.BF__S1imagearea--large{ width: 100vw;margin-bottom: 1vw; }
.BF__S1imagearea--smallleft{ width: 49.5vw; margin-right: 0.5vw }
.BF__S1imagearea--smallright{ width: 49.5vw; margin-left: 0.5vw }

.BF__S1textarea{
    text-align: center;
    margin:3em 0;
    width: 100%;
}
.BF__S1title{
    font-size: 0;
    font-size: 0;
}
.BF__S1titleimg{ width: 100%; max-width: 300px;}
.BF__S1para{
    font: 5vw/1.3 "GibsonLight",Arial,'Helvetica Neue',Helvetica,sans-serif;
    width: 85vw;
    margin: 2em auto;
}
.BF__S1button{
    display: inline-block;
    background-color: #af245f;
    color: #FFF !important;
    margin: 0;
    padding: 1em 0;
    font: 4.5vw/1.3 "GibsonLight",Arial,'Helvetica Neue',Helvetica,sans-serif;
    width:60vw;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
@media all and (min-width: 768px) {
    .BF__S1imagearea,
    .BF__S1textarea{ width: 50%}
    .BF__S1imagearea{position: relative;}
    .BF__S1imagearea--large{ width: 90%;}
    .BF__S1imagearea--smallleft{ position: absolute; top:5%; left: 55%; width: 50%;margin: 0}
    .BF__S1imagearea--smallright{position: absolute; top:47%; left: 55%; width: 50%;margin: 0}
    .BF__S1para {font-size: 1.8vw;width: 80%;max-width: 350px;}
    .BF__S1button{ font-size: 1.8vw; width: auto; padding: 20px 40px}
}
@media all and (min-width: 1200px) {
    
    .BF__S1imagearea--large{ width: auto}
    .BF__S1imagearea--smallleft{width:auto;}
    .BF__S1imagearea--smallright{ width: auto;}
    
    .BF__S1para {       font-size: 2.2em;}
    .BF__S1button{      font-size: 2.3em;}  
}
/*----------------------------------
SECTION TWO
------------------------------------*/

.BF__S2{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}
.BF__S2imagearea{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}
.BF__S2imagearea--large{ width: 100vw;margin-bottom: 1vw; }
.BF__S2imagearea--smallleft{ width: 49.5vw; margin-right: 0.5vw }
.BF__S2imagearea--smallright{ width: 49.5vw; margin-left: 0.5vw }

.BF__S2textarea{
    text-align: center;
    margin:3em 0;
    width: 100%;
}
.BF__S2title{
    font-size: 0;
    font-size: 0;
}
.BF__S2titleimg{ width: 100%; max-width: 273px;}
.BF__S2para{
    font: 5vw/1.3 "GibsonLight",Arial,'Helvetica Neue',Helvetica,sans-serif;
    width: 85vw;
    margin: 2em auto;
}
.BF__S2button{
    display: inline-block;
    background-color: #af245f;
    color: #FFF !important;
    margin: 0;
    padding: 1em 0;
    font: 4.5vw/1.3 "GibsonLight",Arial,'Helvetica Neue',Helvetica,sans-serif;
    width:60vw;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
@media all and (min-width: 768px) {

    .BF__S2imagearea,
    .BF__S2textarea{ width: 50%}
    .BF__S2imagearea{position: relative;}
    .BF__S2imagearea--large{ width: 90%;margin-left: 7%;}
    .BF__S2imagearea--smallleft{ position: absolute; top:5%; right: 55%; width: 50%; margin: 0}
    .BF__S2imagearea--smallright{position: absolute; top:47%; right: 55%; width: 50%; margin: 0}
    .BF__S2para {font-size: 1.8vw;width: 80%;max-width: 350px;}
    .BF__S2button{ font-size: 1.8vw; width: auto; padding: 20px 40px}
/*ORDER*/
    .BF__S2imagearea{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2}
    .BF__S2textarea{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
}
@media all and (min-width: 1200px) {
    
    .BF__S2imagearea--large{ width: auto}
    .BF__S2imagearea--smallleft{width:auto;}
    .BF__S2imagearea--smallright{ width: auto;}
    
    .BF__S2para {       font-size: 2.2em;}
    .BF__S2button{      font-size: 2.3em;}  
}
/*----------------------------------
SECTION THREE
------------------------------------*/

.BF__S3{ 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}
.BF__S3imagearea{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}
.BF__S3imagearea--large{ width: 100vw;margin-bottom: 1vw; }
.BF__S3imagearea--smallleft{ width: 49.5vw; margin-right: 0.5vw }
.BF__S3imagearea--smallright{ width: 49.5vw; margin-left: 0.5vw }

.BF__S3textarea{
    text-align: center;
    margin:3em 0;
    width: 100%;
}
.BF__S3title{
    font-size: 0;
    font-size: 0;
}
.BF__S3titleimg{ width: 100%; max-width: 290px;}
.BF__S3para{
    font: 5vw/1.3 "GibsonLight",Arial,'Helvetica Neue',Helvetica,sans-serif;
    width: 85vw;
    margin: 2em auto;
}
.BF__S3button{
    display: inline-block;
    background-color: #af245f;
    color: #FFF !important;
    margin: 0;
    padding: 1em 0;
    font: 4.5vw/1.3 "GibsonLight",Arial,'Helvetica Neue',Helvetica,sans-serif;
    width:60vw;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
@media all and (min-width: 768px) {
    .BF__S3imagearea,
    .BF__S3textarea{ width: 50%}
    .BF__S3imagearea{position: relative;}
    .BF__S3imagearea--large{ width: 90%;}
    .BF__S3imagearea--smallleft{ position: absolute; top:5%; left: 55%; width: 50%;margin: 0}
    .BF__S3imagearea--smallright{position: absolute; top:47%; left: 55%; width: 50%;margin: 0}
    .BF__S3titleimg{ width: 55%;}
    .BF__S3para {font-size: 1.8vw;width: 80%;max-width: 350px;}
    .BF__S3button{ font-size: 1.8vw; width: auto; padding: 20px 40px}
}

@media all and (min-width: 1200px) {
    .BF__S3titleimg{ width: auto}
    
    .BF__S3imagearea--large{ width: auto}
    .BF__S3imagearea--smallleft{width:auto;}
    .BF__S3imagearea--smallright{ width: auto;}
    
    .BF__S3para {       font-size: 2.2em;}
    .BF__S3button{      font-size: 2.3em;}  
}
/*----------------------------------
SECTION FOUR
------------------------------------*/

.BF__S4{ 
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}
.BF__S4imagearea{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}
.BF__S4imagearea--large{ width: 100vw;margin-bottom: 1vw; }
.BF__S4imagearea--smallleft{ width: 49.5vw; margin-right: 0.5vw }
.BF__S4imagearea--smallright{ width: 49.5vw; margin-left: 0.5vw }

.BF__S4textarea{
    text-align: center;
    margin:3em 0;
    width: 100%;
}
.BF__S4title{
    font-size: 0;
    font-size: 0;
}
.BF__S4titleimg{ width: 100%; max-width:341px;}
.BF__S4para{
    font: 5vw/1.3 "GibsonLight",Arial,'Helvetica Neue',Helvetica,sans-serif;
    width:70vw;
    margin: 2em auto;
}
.BF__S4button{
    display: inline-block;
    background-color: #af245f;
    color: #FFF !important;
    margin: 0;
    padding: 1em 0;
    font: 4.5vw/1.3 "GibsonLight",Arial,'Helvetica Neue',Helvetica,sans-serif;
    width:60vw;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
@media all and (min-width: 768px) {
    .BF__S4imagearea,
    .BF__S4textarea{ width: 50%}
    .BF__S4imagearea{position: relative;}
    .BF__S4imagearea--large{ width: 90%;margin-left: 8%;}
    .BF__S4imagearea--smallleft{ position: absolute; top:5%; right: 55%; width: 50%;margin: 0}
    .BF__S4imagearea--smallright{position: absolute; top:47%; right: 55%; width: 50%;margin: 0}
    .BF__S4para {font-size: 1.8vw;width: 80%;max-width: 350px;}
    .BF__S4button{ font-size: 1.8vw; width: auto; padding: 20px 40px}   
    /*ORDER*/
    .BF__S4imagearea{ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2}
    .BF__S4textarea{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
}
@media all and (min-width: 1200px) {
    
    .BF__S4imagearea--large{ width: auto}
    .BF__S4imagearea--smallleft{width:auto;}
    .BF__S4imagearea--smallright{ width: auto;}
    
    .BF__S4para {       font-size: 2.2em;}
    .BF__S4button{      font-size: 2.3em;}  
}