html, body {
    padding-top: 40px;
    padding-bottom: 40px;
    height: 100%;
    background: #131313;
    color: #AAAAAA;
}

a, p {
    color: #AAAAAA;
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
}

a:link, a:active, a:visited, a:hover {
    color: #EEEEEE;
    text-decoration: none;
}

p {
    padding-top: 10px;
}

.container {
    z-index: 1;
}

.vertical-center {
    height:100%;
    width:100%;

    text-align: center; /* align the inline(-block) elements horizontally */
    font: 0/0 a; /* remove the gap between inline(-block) elements */
}
.vertical-center:before { /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}
.vertical-center > .container {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    font: 16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; /* <-- reset the font property */
}

.img-responsive {
    margin: 0 auto;
}

.padded-lg {
    padding-bottom: 80px;
}

.padded {
    padding-bottom: 40px;
}

#uc {
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
}
#uc > img {
    float: right;
}
@media only screen and (max-width : 768px){
    #uc > img {
        width: 50%;
    }
    .padded-lg {
        padding-bottom: 40px;
    }
}
@media only screen and (max-width : 480px){
    #uc > img {
        width: 30%;
    }
}