/* ######################
    Modal target boxes
    (600px+)
###################### */

.modalTarget.level1 {
    top: 15%;
    width: 4%;
    height: 2.5%;
}

.modalTarget.section1 {
    top: 23%;
    width: 4%;
    height: 2.5%;
    left: 59.5%;
}

.modalTarget.level2 {
    top: 36.4%;
    width: 4%;
    height: 2.5%;
}

.modalTarget.section2 {
    top: 44.4%;
    width: 4%;
    height: 2.5%;
    left: 62.7%;
}

.modalTarget.level3 {
    top: 57.1%;
    width: 4%;
    height: 2.5%;
}

.modalTarget.level4 {
    top: 70.8%;
    width: 4%;
    height: 2.5%;
}

.modalTarget.level5 {
    top: 95.2%;
    width: 4%;
    height: 2.5%;
}

/* Here we define parameters that apply to
    specific boxes, identified numerically
    in order from left to right (within each level)
*/

#ml1-box1 {
    left: 25%;
}

#ml1-box2 {
    left: 73.6%;
}

#ml2-box1 {
    left: 7.4%;
}

#ml2-box2 {
    left: 19.6%;
}

#ml2-box3 {
    left: 31.1%;
}

#ml2-box4 {
    left: 42.9%;
}

#ml2-box5 {
    left: 60%;
}

#ml2-box6 {
    left: 74.4%;
}

#ml2-box7 {
    left: 88%;
}

#ml3-box1 {
    left: 29.4%;
}

#ml3-box2 {
    left: 66.7%;
}

#ml4-box1 {
    left: 7.4%;
}

#ml4-box2 {
    left: 20.4%;
}

#ml4-box3 {
    left: 33%;
}

#ml4-box4 {
    left: 46%;
}

#ml4-box5 {
    left: 58.5%;
}

#ml4-box6 {
    left: 73.5%;
}

#ml4-box7 {
    left: 88.8%;
}

#ml5-box1 {
    left: 17.5%;
}

#ml5-box2 {
    left: 32.6%;
}

#ml5-box3 {
    left: 48%;
}

#ml5-box4 {
    left: 62.8%;
}

#ml5-box5 {
    left: 77.4%;
}