.button1 {
background-image: url("i/btn-benwa-balls-off.png");
background-repeat: no-repeat;
background-size: 230px 30px;
margin-bottom: 20px;
}

.button1on {
background-image: url("i/btn-benwa-balls-on.png");
background-repeat: no-repeat;
background-size: 230px 30px;
margin-bottom: 20px;
}

.button1:hover {
background-image: url("i/btn-benwa-balls-on.png");
background-repeat: no-repeat;
background-size: 230px 30px;
}

.button2 {
background-image: url("i/btn-masks-off.png");
background-repeat: no-repeat;
background-size: 230px 30px;
margin-bottom: 20px;
}

.button2on {
background-image: url("i/btn-masks-on.png");
background-repeat: no-repeat;
background-size: 230px 30px;
margin-bottom: 20px;
}

.button2:hover {
background-image: url("i/btn-masks-on.png");
background-repeat: no-repeat;
background-size: 230px 30px;
}

.button3 {
background-image: url("i/btn-restraints-off.png");
background-repeat: no-repeat;
background-size: 230px 30px;
margin-bottom: 20px;
}

.button3on {
background-image: url("i/btn-restraints-on.png");
background-repeat: no-repeat;
background-size: 230px 30px;
margin-bottom: 20px;
}

.button3:hover {
background-image: url("i/btn-restraints-on.png");
background-repeat: no-repeat;
background-size: 230px 30px;
}

.button4 {
background-image: url("i/btn-sensory-play-off.png");
background-repeat: no-repeat;
background-size: 230px 30px;
margin-bottom: 20px;
}

.button4on {
background-image: url("i/btn-sensory-play-on.png");
background-repeat: no-repeat;
background-size: 230px 30px;
margin-bottom: 20px;
}

.button4:hover {
background-image: url("i/btn-sensory-play-on.png");
background-repeat: no-repeat;
background-size: 230px 30px;
}

.pic {
    max-width: 100%;
    height: auto;
}