.signInCard{
    box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}


/* hero section background styling */
.logSection {
    background-image: url(../images/heroBackground.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
}

.logIcon, .logTitle{
    transition: all 0.2s ease;
}


.signInCard:hover .logIcon{
    scale:0.95;
}

.signInCard:hover .logTitle{
    letter-spacing: 1px;
}




















 /* Media Query for Mobile Devices */
 @media (max-width: 480px) {
    .res-width{
        width: 90%;
    }

}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {

    .res-width{
        width: 80%;
    }

}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {

    .res-width{
        width: 100%;
    }

}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

    .res-width{
        width: 85%;
    }

}

/* Media Query for Large screens */
@media (min-width: 1281px) {
    .res-width{
        width: 60%;
    }

}