.back-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}
.circle {
    position: relative;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    border: solid 0.5vw #fffbde;
    z-index: 0;
}
.cross {
    position: relative;
    z-index: 0;
}
.cross>span {
    position: absolute;
    width: 2.5vw;
    height: 0.5vw;
    background:linear-gradient(to right, #fefefe, #fdd54f);
}
.cross>span:nth-child(1) { 
    transform: translateY(0px) rotate(-45deg);
}
.cross>span:nth-child(2) { 
    transform: translateY(0px) rotate(45deg);
}
#circle-1 {
    top: 10%;
    left: 10%;
}
#circle-2 {
    top: 30%;
    left: 25%;
}
#circle-3 {
    top: 13%;
    left: 50%;
}
#circle-4 {
    top: 30%;
    left: 90%;
}
#circle-5 {
    top: 70%;
    left: 85%;
}
#circle-6 {
    top: 60%;
    left: 40%;
}
#circle-7 {
    top: 50%;
    left: 5%;
}
#cross-1 {
    top: -15%;
    left: 50%;
}
#cross-2 {
    top: 1%;
    left: 3%;
}
#cross-3 {
    top: -10%;
    left: 85%;
}
#cross-4 {
    top: 25%;
    left: 75%;
}
#cross-5 {
    top: 40%;
    left: 10%;
}
#cross-6 {
    top: 78%;
    left: 80%;
}
#cross-7 {
    top: 75%;
    left: 25%;
}
@media (min-width: 992px) {
    .circle {
        width: 2vw;
        height: 2vw;
        border: solid 0.3vw #fffbde;
    }
}