/*
SMG CSS
*/

/* General
=================================================== */
html, body { display: block; background: #181818; margin: 0; }


.site-container { display: flex; flex-direction: column; min-height: 100vh; }
.site-inner { display: flex; align-items: center; justify-content: center; flex: 1; min-height: 450px; }
.company-logo { display: block; padding: 0 2em; }
.company-logo img { width: 325px; max-width: 100%; }

.footer-container { display: block; position: relative; width: 100%; }
.footer-container p { color: #fff; font-family: 'Open Sans', sans-serif; font-size: .7rem; font-weight: 400; letter-spacing: .08em; line-height: 1.8; margin: 0; margin: 0 0 0.5em; padding: 0 2em; position: relative; text-align: center; text-transform: uppercase; }

/* Responsive
-------------------------------- */
@media only screen and (max-width: 1023px) {
.company-logo img { width: 300px; }
}

@media only screen and (max-width: 768px) {
.company-logo img { width: 275px; }
}

@media only screen and (max-width: 640px) {
.company-logo img { width: 250px; }
}

@media only screen and (max-width: 480px) {
.company-logo img { width: 225px; }
}

@media only screen and ( max-height: 480px ) {
.site-inner { min-height: 350px; }
}