html, body {
    background-image: url(../img/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}
@media(max-width:768px) { 
    #logo img {
/*         width: 85%; */
    }
    #counter .countdown {
        font-size: 1.6em !important;
    }
    #icons fa {
        margin: 0px !important;
        font-size: 1.6em;
    }
}
#logo img {
    padding-top: 15px;
}
#intro p {
    color: white;
    font-family: 'Just Another Hand', cursive;
    font-size: 1.5em;
}
#counter .countdown {
    color: white;
    font-family: 'Amatic SC', cursive;
    font-size: 2.5em;
    margin-top: -15px;
}
#icons .fa {
    color: white;
    margin: 0 12px;
    position: relative;
    bottom: 0;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}
#icons .twitter:hover {
    color: #1da1f2;
    bottom: 5px;
}
#icons .facebook:hover {
    color: #3b5998;
    bottom: 5px;
}
#icons .googleplus:hover {
    color: #dd4b39;
    bottom: 5px;
}
#icons .instagram:hover {
    color: #cd486b;
    bottom: 5px;
}
#signup .form-inline {
    display: block;
}
#signup .btn {
    background-color: rgba(161,186,226,0.4);
    color: white;
}
#signup .btn:hover {
    background-color: rgba(63,63,145,0.9)
}