Copy&Paste below text into :
Appearance > Customise >> ADDITIONAL CSS
(elements with ‘!important’ affect changes)

/* HEADER TITLE CHANGES */
.site-title {
font-size: 36px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
font-style: none !important;
line-height: 1.25 !important;
letter-spacing: 0.08em !important;
margin: 0;
padding: 0;
}

/*  HEADER SUBTITLE FONT CHANGE */
.site-description {
font-size: 16px !important;
font-weight: 400 !important;
text-transform: lowercase !important;
font-style: oblique !important;
}

/* LARGER MENU TEXT */
.main-navigation > div > ul {
font-size: 1.22em !important;
}

/* PAGE TITLE CHANGES */
.entry-title {
color: #222 !important;
font-size: 14px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
/* HIDE PAGE TITLE */
.entry-title {
display: none !important;
}

/* COLUMN PROPORTION */
.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
float: right;
width: 72% !important;
}
body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
float: left;
width: 24% !important;
}

/* MAIN STAGE WIDTH */
.wrap {
max-width: 80% !important;
}
@media screen and (min-width: 48em) {
.wrap {
max-width: 80% !important;
}
}
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
max-width: 80% !important;
}
@media screen and (min-width: 30em) {
.page-one-column .panel-content .wrap {
max-width: 80% !important;
}
}

/* HIDE FOOTER SITE INFO */
.site-info {
display: none !important;
}