/*
*
*
*
*
*/

.albedoLogo {
    background: url(images/AlbedoLogo.svg) no-repeat;
    display: inline-block;
}

.smallLogo{
    height: 75px;
    width: 75px;
    background-position: 0px 0px;
}

.smallLogo:hover {    
    background-position: -300px 0px;
}

.mediumLogo {
    height: 150px;
    width: 150px;
    background-position: 0px -75px;
}

.mediumLogo:hover {
    background-position: -300px -75px;
}

.largeLogo {
    height: 300px;
    width: 300px;
    background-position: 0px -225px;
}

.largeLogo:hover {
    background-position: -300px -225px;
}

.idaSmall {
    background: url(images/IDA_Member.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 150px;
    height: 75px;
}

.idaMedium {
    background: url(images/IDA_Member.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 200px;
    height: 100px;
}

.idaLarge {
    background: url(images/IDA_Member.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 300px;
    height: 150px;
}

.sectionIcon {
    background: url(images/SectionIcons.svg) no-repeat;
    display: inline-block;
    height: 150px;
    width: 150px;
    float: left;
}

.galleryIcon {
    background-position: 0px 0px;
}

.serviceIcon {
    background-position: 0px -150px;
}

.contactIcon {
    background-position: 0px -300px;    
}

.detailingServiceIcon {
    background: url(images/detailingServiceIcons.svg) no-repeat;
    display: inline-block;
    width: 100px;
    height: 100px;
}

.vacuumIcon {
    background-position: -100px -200px;
}

.engineIcon {
    background-position: -100px -300px;
}

.waxIcon {
    background-position: 0px 0px;
}

.coatingIcon {
    background-position: -100px -100px;
}

.paintCorrectionIcon {
    background-position: 0px -100px;
}

.headlightIcon {
    background-position: -100px 0px;
}

.clayIcon {
    background-position: 0px -200px;
}

.washIcon {
    background-position: 0px -300px;
}

.watermark {
    opacity: 0.2;
    position: absolute;
}

.paintCorrection {
    background: url(images/paintCorrectionExample.svg) no-repeat;
    background-position: 0px -300px;
    display: inline-block;
    width: 600px;
    height: 300px;
}

.paintCorrection:hover {
    background-position: 0px 0px;
}

.waterBeadingProperties { 
    background: url(images/waterBeadingProperties.svg) no-repeat;
    width: 600px;
    height: 300px;
    display: inline-block;
}

.contactInfo {
    background: url(images/contactInfo.svg) no-repeat;
    width: 450px;
    height: 150px;
}