Divi sticky footer (change the margin's appropriately)

divi-sticky-footer.css

* {
	margin: 0;
}
html, body {
	height: 100%;
}
#page-container {
	position:relative;
	height: 100%;
}
#et-main-area {
	position:relative;
	height : 100%;
	margin-top: -1px;
}
#main-content{
	position:relative;
	min-height : 100%;

}
#main-footer {
	position:relative;
	margin:0 auto;
	
}
#footer-bottom {
	height: 100%;
}
@media all and (min-width: 422px) {
	#main-content{
		margin: 0 auto -22%;
	}
	#main-footer {
		height: calc(22% + 1px);
	}
}
@media all and (min-width: 708px) {
	#main-content{
		margin: 0 auto -8rem;
	}
	#main-footer {
		height: calc(8rem + 1px);
	}
}
@media all and (min-width: 979px) {
	#main-content{
		margin: 0 auto -75px;
	}
	#main-footer {
		height: 76px ;
	}
}