* {box-sizing: border-box;}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.h1 {}
.h2 {}
.h3 {}

#wrapper {width: 100%; background-color: white; color: black;}

#header  {width: 100%; position: fixed; top: 0px; Link-color: green;}
  #upper-header {width: 100%; background-color: black; color: green;}
    #usp-title {width: 40%; height: 60px; position: fixed; top: 0px; left: 0px; background-color: Black; 
                vertical-align: top; font-family: georgia; font-size: 30px;
                padding-left: 50px; padding-bottom; 15px; padding-top: 15;}
    a.header-title {color: green; text-decoration: none;}
    #title-header {}

    #upper-header-nav {width: 40%; height: 60px; position: fixed; top: 0px; left: 40%; 
                       padding-top: 19px; background-color: Black;}
    
    #ul-nav a  {list-style-type: none; text-align:center; padding: 2 100; margin: 0 auto;}
      li {display: inline; width: 12%; padding-left 2%; padding-right: 2;}
      .li-nav a {display: inline; padding-left 4%; padding-right: 4; background-color: green; color: black;
             width: 8%; text-decoration: none; border-radius: 25px; border: 2px; border-color: black; float: center;
             padding: 4px; font-size:14px;}
      .li-nav a:hover {background-color: black; color:green; border-color: green; border-size: 3px;}
     
    #upper-header-soc-med {width: 20%; height: 60px; position: fixed; top: 0px; left: 80%; 
                           background-color: black; color: green; padding: 24px;}

  #upper-blank {width: 100%; height: 30px; position: fixed; top: 60px;  left: 0px; background-color: black; }
  

  #sub-header {width: 100%; height: 40px; position: fixed; top: 90px; left: 0px;}
    #subject {width: 30%; float: left 0px; height: 40px; position: fixed; top: 90px; left: 0px; 
              color: black; background-color: green; color: black; text-align: center;
                  font-family: georgia; font-size: 32px}
    a.sub-header {color: black; background-color: green; color: black; text-align: center; 
                  font-family: georgia; font-size: 32px}

    #sub-title {width: 50%; height: 40px; position: fixed; top: 90px; left: 30%; 
               background-color: green; color: black; text-align: center; font-family: georgia; font-size: 32px;}
    a.sub-title {color: black; background-color: green; color: black; text-align: center;
                  font-family: georgia; font-size: 32px}

    #sub-soc-med {width: 20%; height: 40px; position: fixed; top: 90px; left: 80%; background-color: green;
                   text-align: center; font-family: georgia; font-size: 32px}
  

#main  {width: 100%; Padding-top: 120px; left:0px;}
  #left {width: 30%; float: left; left; 0px; padding: 10px; background-color: grey;}
  #center {width: 50%; float: left; left: 30%; padding: 10px; background-color: yellow;}
  #right {width: 20%; float: left; left: 20%; padding: 10px; background-color: red;}

#footer  {width: 100%; height: 20px; position: fixed; bottom: 0px; left: 0px; background-color: black; color: green;}