.left-container
{
    padding-right:60px;
    float: right;
}

   p
    {
        line-height:28px;
    }

    p a,li a{
        color: #fff;
        text-decoration: underline;
        transition: color 0.35s;
    }
    
    p a:hover,li a:hover
    {
        color: #ddd;
    }

b
{
    font-weight: 600;
}

#wpadminbar{
    display:none;
}

#header
{
    width:100%;   
    height:83px;
    box-sizing: border-box;
    z-index:10;
    padding: 15px 0;
    background: rgba(255,255,255,1);
}


.central-container
{
    max-width:1140px;
    margin: auto;
}

.right-container,.left-container
{
    max-width:570px;
    box-sizing: border-box;
}

.right-container
{
    padding-left: 60px;
    float: left;
}


.container-fluid
{
    max-width:100%;
    padding: 0px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}



.row
{
    margin: 0px;
}

.red
{
    background: #ce3e48;
}

#footer
{
    padding: 30px 0;
    color: #6b3f57;
    font-size: 16px;
}

.container-fluid
{
    color: #fff;
}

.orange
{
    background: #eaa036;
}

.no-margin
{
    margin: 0px;
}

.no-padding
{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#header > .row,
.container-fluid > .row
{
    margin-left: 0;
    margin-right: 0;
}

body
{
    /*overflow-x: hidden;*/
}

.img-responsive.auto
{
    margin: auto;
}

.img-responsive.max-width
{
    width:100%;
    height:auto;
    max-width:200%;
}

.green
{
    background: #79c65e;
}

.marsala
{
    background: #6b3f57;  
}

.blue
{
    background: #3a5795;
}

.bitter
{
    font-family: 'Bitter', serif;
}

body
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 22px;
    
}

h2
{
  color:#fff;
    font-family: 'Bitter', serif;
    font-weight:bold;
    font-size: 48px;
}

h2.thin
{
    font-weight:normal
}

h3
{
  color:#fff;
    font-size: 36px;
}

h4
{

}

h3,h4
{
    font-family: 'Bitter', serif;
    font-weight:normal;
}

.use-the-promo
{
    padding-left: 100px;
    max-width: 640px;
}

.button-big
{
    display:inline-block;
    font-weight: 700;
    width: 100%;
    max-width: 550px;
    text-align:center;
    padding: 21px 0;
    font-size:30px;
    line-height:30px;
    background: #fff;
    border-radius: 5px;
    text-decoration: none !important;
    text-transform: uppercase;
    border-bottom: 2px solid #d9d9d9;
    transition: opacity 0.5s;
    opacity: 1;
}

.button-big:hover
{
    text-decoration: none;
    opacity: 0.7;
}

.green .button-big
{
    color: #79c65e;
}

.red .button-big
{
    color: #ce3e48;
}

.orange .button-big
{
    color: #eaa036;
}

.marsala .button-big
{
    color: #6b3f57;
}

.button-medium
{
    width: 165px;
    height: 50px;
    line-height:50px;
    font-size: 18px;
    color: #fff;
    background: #79c65e;
    font-weight: 600;
    text-align:center;
    transition: opacity 0.5s;
    display:inline-block;
    border-radius: 5px;
    opacity: 1;
}

.button-medium:hover
{
    opacity: 0.7;
    text-decoration: none;
    color: #fff;
}

.icon
{
    zoom: 1;
    transition: transform 0.85s;
}

.icon:hover
{
    transform:rotate(360deg);
}

.fancy
{
    width: 129px;
    height: 21px;
    background: url('../images/fancy.png') no-repeat;
    margin: auto;
}

#discover
{
    padding: 60px 0 100px 0;
}

.no-margin-top
{
    margin-top:0px;
}

.no-margin-bottom
{
    margin-bottom:0px;
}

#the-young-living
{

    padding-top: 70px;
    padding-bottom:60px;
}

#the-young-living .central-container
{
    max-width: 950px;
    margin: auto;
}

#the-young-living .central-container .fancy
{
    margin-bottom: 5px;
}

#the-young-living .central-container  p
{
    margin-bottom: 15px;
}

#youtube
{
    padding-top: 60px;
    padding-bottom: 90px;
}

#youtube iframe,
.how-to-sign-picture-wrapper iframe
{
    width: 100%;
    max-width: 750px;
}

.how-to-sign-picture-wrapper iframe
{
    padding-top: 60px;
}

#youtube iframe
{
    margin-bottom: 45px;
}

.bigger-font
{
    line-height: 34px;
    font-size: 30px;
    font-weight: 300;
}

#join-my
{
    padding: 90px 0 100px 0;
}

#join-my .fancy
{
    margin-top: 35px;
    margin-bottom: 25px;
}

.bigger-font b
{
    font-weight: 400;
}

#icons-wrapper img{
    margin-bottom:20px;
}

#icons-wrapper .col-sm-3
{
    padding: 0px 35px;
}

#icons-wrapper .col-sm-3 p
{
    line-height: 26px;
}

#icons-wrapper
{
    margin-top:35px;
    margin-bottom: 10px;
}

#use-promo
{
    padding-top:85px;
    padding-bottom:105px;
}

#use-promo h3,
#cant-just-buy h3,
.mobile-orange h3
{
    margin-bottom:22px;
}

#use-promo p
{
    margin-bottom:30px;
}

.how-to-sign-picture-wrapper{
    padding-left: 80px;
}

#how-to-sign-up
{
    padding-top:80px;
    padding-bottom:110px;
}

#does-signingup
{
    padding-top:76px;
    padding-bottom: 110px;
}

#does-signingup .button-big
{
    margin-top:30px;
}

#does-signingup h3
{
    margin-bottom: 30px;
    margin-top:0px;
}

#does-signingup p
{
    max-width:950px;
    margin: auto;
    line-height:27px;
    margin-bottom:5px;
}

#congratulations,
#facebook
{
    padding-top:90px;
    padding-bottom:100px;
}

#congratulations .fancy,
#facebook .fancy,
.fancy
{
    margin: 20px auto 15px auto;
}

#congratulations .bigger-font
{
    max-width:1000px;
    margin: auto;
}

#facebook p
{
    margin-bottom:50px;
}

.uppercase
{
    text-transform: uppercase;
}

.container-fluid .mobile
{
    display:none;
}

#how-to-sign-up ul
{
    list-style: decimal;
    padding-left: 30px;
   
}

#how-to-sign-up ul li
{
    margin-bottom:10px;
}
#how-to-sign-up h3
    {
        margin-bottom:20px;
    }
 #gift-wrapper img
    {
        margin-top:60px;
        margin-bottom:20px;
    }
    
 
#preloader
{
    z-index: 10;
    position:fixed;
    top:0px;
    left: 0px;
    width:100%;
    height:100%;
    background: url('../images/ajax-loader.gif') #fff center center no-repeat;
}

#facebook img
{
    margin-left: auto;
    margin-right: auto;
}

.gray
{
    background: #999;
}

@media all and (min-width: 768px) and (max-width: 1140px)
{
    .central-container,
    .left-container,
    .right-container
    {
        padding: 30px;
    }
    
    #header .central-container
    {
        padding: 0px 30px;
    }
}

@media all and (max-width:768px)
{
    
      p
    {
        line-height:31px;
    }

    
    .mobile-text-center
    {
        text-align:center;
    }
    
    .desktop
    {
        display:none;
    }
    
    #the-logo
    {
        display: inline-block;
        margin: auto;
    }
    
    h2
    {
        line-height:40px !important;
    }
    
    h3
    {
        line-height:36px !important;
    }
    
    .how-to-sign-picture-wrapper img
    {
        margin: auto;
    }

    .how-to-sign-picture-wrapper
    {
        text-align:center;
    }

    .container-fluid .desktop
    {
        display:none;
    }
    
    .how-to-sign-picture-wrapper img
    {
        width:100%;
        max-width:200%;
        height: auto;
    }
    
    

        .how-to-sign-picture-wrapper
        {
            padding-left: 0px;
            margin-bottom:20px;
        }
    
    .container-fluid .mobile{
        display:block;
    }
    
    #youtube .button-big
    {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
    }

    #header .col-xs-6
    {
        padding-left: 15px;
        padding-right: 15px;
    }

    #discover {
        padding: 30px 30px 50px 30px;
    }

    h2
    {
        font-size: 40px;
    }

    .mobile-text-left
    {
        text-align:left;
    }

    .left-container, .right-container
    {
        max-width:1000px;
        float: none;
        padding: 50px 30px;
        margin: 0;

    }

    #the-young-living,
    #cant-just-buy,
    #join-my,
    #how-to-sign-up,
    #does-signingup,
    #congratulations,
    #facebook
    {
        padding: 50px 30px;
    }
    
    .mobile-text-left b
    {
        font-style: italic;
        display:block;
        margin: 10px 0;
    }
    
   #cant-just-buy
    {
        text-align:center;
    }
    
    .bigger-font
    {
        font-size: 28px;
        line-height:32px;
    }
    
    #gift-wrapper
    {
        margin-top:10px;
    }
    
   
    
    #icons-wrapper > div
    {
        margin-bottom:20px;
    }

    .use-promo-picture img
    {
        margin: auto;
        margin-bottom:20px;
    }
    
    body
    {
        font-size: 26px;
        line-height: 30px;
    }

    .right-container
    {


    }

    #how-to-sign-up{

    }

    .use-the-promo
    {
        padding: 0px 15px;
        text-align: center;
    }

    .mobile-orange
    {
        background: #eaa036;
        text-align:center;
    }

    #youtube
    {
        padding-top:0px;
    }
    
    body
    {
        overflow-x: hidden;
    }

}

@media all and (max-width:480px)
{
    h2,h3,h4,p
    {
        word-wrap: break-word;
    }
}

@media all and (max-width:400px)
{
    .col-xs-6
    {
        width:100%;
    }
}