.html-centered {
    width: 100%;
    max-width: 1448px;
    margin: 0 auto;
}

.html-container-margin-left {
	margin-left: calc((100% - 1536px) / 2 + 44px);
}

.html-container-margin-right {
	margin-right: calc((100% - 1536px) / 2 + 44px);
}

@media (max-width: 1554px){
    .html-centered {
        max-width: calc(100% - 88px);
    }
    .html-container-margin-left {
        margin-left: 44px;
    }
    .html-container-margin-right {
        margin-right: 44px;
    }
}

@media (max-width: 1023px){
    .html-centered {
	    max-width: calc(100% - 64px);
    }
    .html-container-margin-left {
        margin-left: 32px;
    }
    .html-container-margin-right {
        margin-right: 32px;
    }
}
@media (max-width: 767px){
    .html-centered {
        max-width: calc(100% - 32px);
    }
    .html-container-margin-left {
        margin-left: 16px;
    }
    .html-container-margin-right {
        margin-right: 16px;
    }
}

@media (max-width: 640px){
	.html-centered-0-mobile {
		width: 100%;
	    max-width: none;
	    margin: 0 auto;
	}
}