<style>
    body {
        width: 960px;
        margin: 0 auto;
    }
 <!--
 .center {
     margin: auto;
     width: 70%
 }
 -->
 h1.main-heading {font-size: 40px; font-family: Arial, Helvetica, sans-serif; width: 600px; height: 90px; margin: 10px  auto 10px auto; text-align: center;}
 
 h2 {font-size: 24px; font-family: Arial, Helvetica, sans-serif;}
 <!--
 div {font-size: 20px; font-family: Arial, Helvetica, sans-serif;}
 -->
 .description {font-size: 20px; font-family: Arial, Helvetica, sans-serif}
 .description {position: relative; left: 50px; width: 95%; line-height: 115%}
<!--
 .main-heading::before {content: images/CSlogo.gif }
 -->
 #journey {
 padding-top: 50px;
 text-align: center;
 font-style: italic;
}
#three {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 25px;

 }
 #uniting {
   font-size: 25px;color:black; text-align: center; width: 600px; margin: 10px auto 10px auto;
 }

 </style>