One column page width and aligning

Hi all,

i was working on my page and realised that one column page text is shifted to the left side, as well as footer is shifted. I used several css codes on child theme but after erasing them problem persist.

Could somone check what might be the problem?

Sorry if offended by simple question but im lost 🙁

Used css codes:

.page .entry-header { display: none; }
@media screen and (min-width: 1200px) {
/* For devices with more than ore equal to 1200px width */
.wrap {

    max-width:80%!important;
}

}
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
max-width: 1200px;
}

.has-header-image.twentyseventeen-front-page .site-branding {
vertical-align: middle;
}
@media(min-width:48em) {
.has-header-image.twentyseventeen-front-page .site-branding {
height: 80%;
display: flex;
flex-direction: column;
justify-content: center
}
/* Mobiles */
.site-title {
font-family: Poppins;
font-size: 20px;
text-transform: uppercase;
}

/* Computer screens / @media screen and (min-width: 48em) { .site-title { font-family: Poppins; font-size: 60px; text-transform: uppercase; } } #top-menu { text-align: center; } .footer-widgets-wrapper { max-width: 100%; } } @media(min-width:48em) { .has-header-image.twentyseventeen-front-page .site-branding { height: 80%; display: flex; flex-direction: column; justify-content: center } / Mobiles */
.site-title {
font-family: Poppins;
font-size: 20px;
text-transform: uppercase;
}

/* Computer screens */
@media screen and (min-width: 48em) {
.site-title {
font-family: Poppins;
font-size: 60px;
text-transform: uppercase;
}
}
#top-menu {
text-align: center;
}
.footer-widgets-wrapper {
max-width: 100%;
}

The page I need help with: [log in to see the link]