html {
	display: flex;
}

body {
    display: flex;
    min-height: 100vh;
	min-width: 100vw;
    flex-direction: column;
}

main {
    flex: 1 1 auto;
    position: relative;
    overflow-y: auto;
}

footer {
    border-top: 1px solid $gray-lighter;
}

@include media-breakpoint-up(md) {
    main {
        width: 100%;
    }
}
html {
	display: flex;
}

body {
    display: flex;
    min-height: 100%;
	min-width: 100%;
    flex-direction: column;
}

main {
    flex: 1 1 auto;
    position: relative;
    overflow-y: auto;
}

footer {
    border-top: 1px solid $gray-lighter;
}

@include media-breakpoint-up(md) {
    main {
        width: 100%;
    }
}
Fix body width and height
Fix body width and height
