.container { position: relative; margin: 0 auto; padding-right: 1rem; padding-left: 1rem; width: 100%; }

@media (min-width: 36em) { .container { max-width: 540px; } }

@media (min-width: 48em) { .container { max-width: 720px; } }

@media (min-width: 62em) { .container { max-width: 960px; } }

@media (min-width: 75em) { .container { max-width: 1140px; } }

*, :after, :before { box-sizing: border-box; }

img, svg { vertical-align: middle; }

body { background: #000; color: black; margin: 0; font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 300; line-height: 1.5; text-align: left; }


@media (min-width: 48em) { .page-footer .navigation { height: 40px; } }
.page-footer .logocontainer { text-align: center }
.page-footer .logocontainer .logo { width: 205px; margin: 11px 0 10px; }
.page-footer{
	position: fixed;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
}


@media (min-width: 48em) { .page-footer .logocontainer .logo { margin: 28px 0 26px;} }

html { height: 100%; }

body { min-height: 100%; background: url("../img/sirius-bg.png"); background-size: cover; background-repeat: no-repeat; background-position-x: 50%; background-position-y: 0px; }

@media (min-width: 48em) { body { background-position-y: 0px; } }