.bg-head-star div:nth-child(1) {
    content: '';

}

.bg-head-star div:nth-child(2) {
    content: '';
}

.bg-head-star div:nth-child(3) {
    content: '';
}

.bg-head-star div:nth-child(4) {
    content: '';
}

@media (min-width:300px) {

    /* smartphones, iPhone, portrait 480x320 phones */
    .bg-head-star div:nth-child(1) {
        content: url('../img/star.png');
        top: 70px;
        left: 15%;
        width: 70px;
        rotate: -15deg;
    }

    .bg-head-star div:nth-child(2) {
        content: url('../img/star.png');
        top: 280px;
        left: 3%;
        width: 70px;
        rotate: 10deg;
    }

    .bg-head-star div:nth-child(3) {
        content: url('../img/star.png');
        top: 60px;
        left: 60%;
        width: 70px;
        rotate: -20deg;
    }

    .bg-head-star div:nth-child(4) {
        content: url('../img/star.png');
        top: 200px;
        left: 85%;
        width: 40px;
        rotate: 10deg;
    }

}

@media (min-width:400px) {

    /* smartphones, iPhone, portrait 480x320 phones */
    .bg-head-star div:nth-child(1) {
        content: url('../img/star.png');
        top: 70px;
        left: 15%;
        width: 70px;
        rotate: -15deg;
    }

    .bg-head-star div:nth-child(2) {
        content: url('../img/star.png');
        top: 260px;
        left: 0%;
        width: 90px;
        rotate: 10deg;
    }

    .bg-head-star div:nth-child(3) {
        content: url('../img/star.png');
        top: 40px;
        left: 70%;
        width: 100px;
        rotate: -20deg;
    }

    .bg-head-star div:nth-child(4) {
        content: url('../img/star.png');
        top: 180px;
        left: 87%;
        width: 40px;
        rotate: 10deg;
    }

}



@media (min-width:600px) {

    /* smartphones, iPhone, portrait 480x320 phones */
    .bg-head-star div:nth-child(1) {
        content: url('../img/star.png');
        top: 120px;
        left: 20%;
        width: 90px;
        rotate: -15deg;
    }

    .bg-head-star div:nth-child(2) {
        content: url('../img/star.png');
        top: 300px;
        left: 0%;
        width: 100px;
        rotate: 10deg;
    }

    .bg-head-star div:nth-child(3) {
        content: url('../img/star.png');
        top: 80px;
        left: 70%;
        width: 120px;
        rotate: -20deg;
    }

    .bg-head-star div:nth-child(4) {
        content: url('../img/star.png');
        top: 200px;
        left: 85%;
        width: 80px;
        rotate: 10deg;
    }

}

@media (min-width:800px) {

    /* smartphones, iPhone, portrait 480x320 phones */
    .bg-head-star div:nth-child(1) {
        content: url('../img/star.png');
        top: 120px;
        left: 20%;
        width: 90px;
        rotate: -15deg;
    }

    .bg-head-star div:nth-child(2) {
        content: url('../img/star.png');
        top: 300px;
        left: 0%;
        width: 110px;
        rotate: 10deg;
    }

    .bg-head-star div:nth-child(3) {
        content: url('../img/star.png');
        top: 80px;
        left: 70%;
        width: 130px;
        rotate: -20deg;
    }

    .bg-head-star div:nth-child(4) {
        content: url('../img/star.png');
        top: 200px;
        left: 85%;
        width: 80px;
        rotate: 10deg;
    }

}

@media (min-width:1024px) {

    /* smartphones, iPhone, portrait 480x320 phones */
    .bg-head-star div:nth-child(1) {
        content: url('../img/star.png');
        top: 120px;
        left: 20%;
        width: 100px;
        rotate: -15deg;
    }

    .bg-head-star div:nth-child(2) {
        content: url('../img/star.png');
        top: 300px;
        left: 0%;
        width: 130px;
        rotate: 10deg;
    }

    .bg-head-star div:nth-child(3) {
        content: url('../img/star.png');
        top: 80px;
        left: 70%;
        width: 150px;
        rotate: -20deg;
    }

    .bg-head-star div:nth-child(4) {
        content: url('../img/star.png');
        top: 230px;
        left: 85%;
        width: 100px;
        rotate: 10deg;
    }

}

@media (min-width:1360px) {

    .bg-head-star div:nth-child(1) {
        content: url('../img/star.png');
        top: 100px;
        left: 20%;
        width: 120px;
        rotate: -15deg;
    }

    .bg-head-star div:nth-child(2) {
        content: url('../img/star.png');
        top: 400px;
        left: 5%;
        width: 170px;
        rotate: 10deg;
    }

    .bg-head-star div:nth-child(3) {
        content: url('../img/star.png');
        top: 80px;
        left: 70%;
        width: 150px;
        rotate: -20deg;
    }

    .bg-head-star div:nth-child(4) {
        content: url('../img/star.png');
        top: 230px;
        left: 80%;
        width: 120px;
        rotate: 10deg;
    }

}