html, body {
    background: url(../bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Open Sans', sans-serif;
}

.container {
    height: 100vH
}

.kmd-logo {
    height:9rem; 
    width:9rem;
    padding: 2rem;
}

h2,h4 {
    color: #EEE;
    letter-spacing: 0.1rem;
}

.kmd-footer {
    position: fixed;
    bottom: 1rem; 
    right: 1rem; 
    color: #EEE;
    padding: 1rem
}

// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
    .kmd-logo {height: 5.5rem; width: 5.5rem; padding: 1rem}
    h2{font-size:16px; line-height: 24px; letter-spacing:normal} 
    h4{font-size:14px; line-height: 21px; letter-spacing:normal}
    h5{font-size:12px; line-height: 18px; letter-spacing:normal} 

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .kmd-logo {height: 6rem; width: 6rem; padding: 1rem}
    h2{font-size:18px; line-height: 27px; letter-spacing:normal} 
    h4{font-size:16px; line-height: 24px; letter-spacing:normal}
    h5{font-size:14px; line-height: 21px; letter-spacing:normal}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */