@media (max-width: 759px) {
    #site-logo {
        padding-top: 1em;
        padding-right: 1em;
    }
}

#site-logo-text {

    font-weight: 300;
}

.mdl-grid.center-items {
    justify-content: center;
}

.center-button{
    display: block;
   margin-left: auto;
    margin-right: auto;
}

.gray-bkg{
    background-color: #e5e5e5;
}

.demo-card-wide {
    width: 100%;
}

.demo-card-wide > .mdl-card__title {
    color: #fff;
    height: 275px;
    background: url('../images/software_2.png') center / cover;
}

#mobile {

    color: #fff;
    height: 275px;
    background: url('../images/mobile_v2.png') center / cover;

}

#web {

    color: #fff;
    height: 275px;
    background: url('../images/web_2.png') center / cover;

}

#contact {
    text-align: center;
}

#footer {
    text-align: center;
}

.input-wide {
    width: 100%;
}

.contact-card {
    padding: 2em;
    transition: box-shadow 1s;
}

.contact-card:hover {
    box-shadow:  0px 0px 25px #888888;
}

.footer-logo {
    padding-left: 5em;

}

.footer-links {
    padding: 1em;
    border-left: 1px solid #333333;
}

.darkgray-bkg {
    background-color: #222222;
}

.copyright {
    color: #ffffff;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}