/**
* individual firefly adjustments
**/

.fireContainerLeft
{
    position: absolute;
    /* border: 1px solid red; */
    top: 9.6%;
    left: 1%;

    height: 40px;
    width: 20%;

    rotate: 29deg;
}

.fireFlies
{
    position: relative;
    top: -80%;
    left: 0;
}

.f1 
{
    width: 20%;

    rotate: -40deg;
}

.f2
{
    left: 30%;
    width: 30%;
}

.f3
{
    left: 20%;
    width: 20%;

    rotate: 60deg;
}

.fireContainerMid
{
    position: absolute;
    /* border: 1px solid red; */
    top: 2%;
    left: 25%;

    height: 10%;
    width: 55%;
}


.f4 
{
    top: -60%;
    left: 0;
    width: 18%;

    rotate: 60deg;
}

.f5 
{
    left: -10%;
    width: 10%;
}

.f6 
{
    left: 0%;
    width: 6%;
    top: -120%;
}

.f7
{
    left: 30%;
    width: 14%;
    top: -60%;

    rotate: 200deg;
}

.f8 
{
    top: -120%;
    left: 40%;
    width: 6%;
}