.hotspot,
.hotspot-img {
    width: 100px;
    height: 100px;
    background-color: #4a0d66;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
}

.hotspot:hover,
.hotspot.clicked {
    background-color: #c5a9d9;
}

.hotspot.visible-xs {
    margin: 10px auto;
}
.hotspot.visible-xs:last-child {
    margin-bottom: 40px;
}

.activity-holder {
    background-image: url('../img/activity_bkgd.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    width: 100%;
    height: 870px;
    margin-bottom: 40px;
    position:relative;
}

#printout {
    margin-bottom: 40px;
}

#exam {
    position:absolute;
    top:70px;
    left:280px;
}

#imaging {
    position:absolute;
    top:130px;
    left:680px;
}

#mental {
    position:absolute;
    top:400px;
    left:150px;
}

#lab {
    position:absolute;
    top:460px;
    left:540px;
}


@media(max-width:1199px) {
    .activity-holder {
        height: 717px;
    }

    #exam {
        top:50px;
        left:220px;
    }

    #imaging {
        top:90px;
        left:560px;
    }

    #mental {
        top:330px;
        left:120px;
    }

    #lab {
        top:380px;
        left:440px;
    }
}

@media(max-width:991px) {
    .activity-holder {
        height: 550px;
    }

    #exam {
        top:15px;
        left:155px;
    }

    #imaging {
        top:50px;
        left:420px;
    }

    #mental {
        top:250px;
        left:70px;
    }

    #lab {
        top:292px;
        left:320px;
    }
}

@media(max-width:767px) {
    .activity-holder-xs {
        height: 300px;
        width: 250px;
        position:relative;
        margin: -20px auto 20px auto;
    }
    #exam-xs {
        position: absolute;
        top: 0px;
        left: 0px;
    }
    #imaging-xs {
        position: absolute;
        top: 0px;
        left: 150px;
    }
    #mental-xs {
        position: absolute;
        top: 150px;
        left: 0px;
    }
    #lab-xs {
        position: absolute;
        top: 150px;
        left: 150px;
    }
}



.btn-default#printout {
  background-color: rgb(74, 13, 102);
  color: white;
  font-size: 18pt;
  border: none;
}

.btn-default#printout:hover {
    background-color: #c5a9d9;
}

.modal-text h4 {
  font-size: 18pt;
  margin: 20px;
  text-align: center;
}

.modal-text p,
.modal-text ul {
  font-size: 16pt;
  margin: 20px;
}

.hotspot-img {
  text-align: center;
  margin: 0 auto;
}