/*********** 0_BOILERPLATE ***********/

body,
#banner,
#banner * {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}
#banner * span, #banner * br  {
    position: relative;
}
body {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased;
}

#banner, #border {
    top: 0px;
    left: 0px;
    overflow: hidden;
}
#border {
    position: absolute;
    border: 1px #797d83 solid;
    cursor: pointer;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.fullsize {
    /*set in banner.js*/
}

#mainBG {
    background-color: #ffffff;
}

#headLogo {
    background-image: url("images/fairy_logo.png");
}

#text1 {
    background-image: url("images/text1.png");
}

#text2 {
    background-image: url("images/text2.png");
}

#disclaimer {
    background-image: url("images/disclaimer.png");
}

#intro_bg {
    background-image: url("images/intro_bg.jpg");
}

#swipe_clean {
    clip: rect(0px, 300px, 50px, 0px);
    background-image: url("images/swipe_clean.png");
}

#kitchen_bg {
    background-image: url("images/kitchen_bg.jpg");
}

#fairy_curve {
    transform: scale(1);
    transform-origin: 50% 10%;
    background-image: url("images/fairy_curve.svg");
}

#bottle {
    transform: scale(1);
    transform-origin: -5% 90%;
    background-image: url("images/bottle.png");
}

#baby {
    top: -121px;
    left: 124px;
    background-image: url("images/baby.png");
}