/* fix a browser rendering issue: images will have an extra 1px padding underneath them unless this is set */
img {
    vertical-align: top;
}

/* skip this for form labels */
img.form-label {
    vertical-align: initial;
}





/* square images */
img.goo-square {
    width: 360px;
    height: 360px;
}
img.huge-square {
    width: 282px;
    height: 282px;
}
img.large-square {
    width: 192px;
    height: 192px;
}
img.main-square {
    width: 102px;
    height: 102px;
}
img.sidebar-square {
    width: 78px;
    height: 78px;
}
img.facebook-square {
    width: 50px;
    height: 50px;
}





/* artist images */
img.huge-artist {
    width: 282px;
    height: 345px;
}
@media (max-width: 767px) {
    img.huge-artist {
        width: 180px;
        height: 220px;
    }
}
img.large-artist {
    width: 192px;
    height: 235px;
}
img.main-artist {
    width: 102px;
    height: 125px;
}
img.sidebar-artist {
    width: 78px;
    height: 95px;
}
img.facebook-artist {
    width: 50px;
    height: 61px;
}
img.fullstage {
    width: 540px;
    height: 660px;
}
img.artist {
    width: 180px;
    height: 220px;
}