html,
body {
    height: 100%;
}

body {
    font-family: 'Verdana', sans-serif;
    color: #666;
    background: url('../img/bg.jpg') no-repeat center center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
    display: table;
    width: 100%;
    height: 100%; /* For at least Firefox */
    min-height: 100%;
}
.site-wrapper-inner {
    display: table-cell;
    vertical-align: middle;
}
.site-container {
    margin-right: auto;
    margin-left: auto;
    text-align: justify;
    display: table-cell;
    vertical-align: middle;
}

.site-container ul {
    margin-top: 15px;
}

.link {
    width: 30px;
    height: 30px;
}

.modal-content {
    color: #ffffff;
    background-color: #666666;
    border-radius: 0;
    min-height: 100%;
}

.modal-header {
    border-bottom: none;
}

.modal-header h1 {
    font-family: 'Righteous';
}

.close, .close:hover, .close:focus {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #F1C232;
}

.yellow, a.yellow:hover {
    color: #F1C232;
}

.img-logo {
    width: 274px;
    height: 100px;
}

.description {
    font-size: 1.1em;
}

/*http://coding.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/*/
.business-card {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    width: 50%;
    height: 50%;
}

/* Mobile */
@media only screen
and (max-width : 598px)
and (orientation : landscape) {
    .business-card {
        width: 90%;
        height: 90%;
    }
}
@media only screen
and (max-width : 360px)
and (orientation : portrait) {
    .business-card {
        width: 90%;
        height: 90%;
    }
}

/* Tablets */
@media only screen
and (min-width : 600px)
and (max-width : 961px)
and (orientation : portrait) {
    .business-card {
        height: 70%;
    }
}

/* WP 8 */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }