/* This section works to centre one image and size it
you can't have an image of this class side by side with another
of this class */

.imgCentre10pc {
    width: 10%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgCentre20pc {
    width: 20%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgCentre30pc {
    width: 30%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgCentre40pc {
    width: 40%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgCentre50pc {
    width: 50%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgCentre60pc {
    width: 60%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgCentre70pc {
    width: 70%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgCentre80pc {
    width: 80%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgCentre90pc {
    width: 90%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgCentre100pc {
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* This section works to size an image to desired % */

.img10pc {
    width: 10%;
    height: auto;
}
.img20pc {
    width: 20%;
    height: auto;
}
.img30pc {
    width: 30%;
    height: auto;

}
.img40pc {
    width: 40%;
    height: auto;
}
.img50pc {
    width: 50%;
    height: auto;
}
.img60pc {
    width: 60%;
    height: auto;
}
.img70pc {
    width: 70%;
    height: auto;
}
.img80pc {
    width: 80%;
    height: auto;
}
.img90pc {
    width: 90%;
    height: auto;
}
.img100pc {
    width: 100%;
    height: auto;
}