Cannot make my Customizr CSS code changes "LIVE"

My website under construction is http://www.mcdonaldcontractingllc.com
I have found the code I need to center the site title and the tagline in the following post https://ww.wp.xz.cn/support/topic/center-logo-and-tagline
It works GREAT inside Customizr’s CSS test box. But no matter how many times I select SAVE it never updates “LIVE” to the website itself. I do not know EXACTLY where to insert the code into the native wordpress editor, and I do not want to brick my site. The code I need is as follows, WHERE EXACTLY do i insert this code in the native wordpress code editor? (I know that Customizr needs to be the selected theme)
/* remove boxes */
.navbar .navbar-inner {
background: none;
box-shadow: none;
}
/* center logo */
.navbar-wrapper .brand {
width: 100%;
display: block;
}
/* hide social icons */
.navbar-wrapper .social-block {
display: none;
}
/* Center tagline */
.span7.inside.site-description {
float: left;
margin-left: 15%;
margin-top: -30px;
display: block;
}
/* Center Navbar */
.navbar .nav {
display: block;
margin-left: 25%;
}