.First_ul{list-style:none;
     font-family: Arial;
     font-size: 15px;
     text-align:right;
     text-decoration: none;
     color:#003B5C;
     margin-bottom: 0px;
     }
 
 .one{margin-right: 20px;
 display:inline-block;
 text-decoration:none;}
 
 
 /*Navbar*/
 .Logo{width: 350px;
 margin-left: 30px;
 }
 
 .nav_one{display: flex;
 /*  padding: 28.800px 15px;*/
 justify-content: space-between;
 margin-bottom: 12px;
 align-items: center;
 background-color: white;
 }
 .nav-links{flex: 1;
  text-align: right;
 }
 .nav-links .second_ul .two{list-style: none;
       display: inline-block;
       padding: 0px 12px;
       position: relative;
       margin: 0%;
 }
 
 .nav-links .second_ul .two a{color:#515050;
         text-decoration: none;
         font-size: 1.09375rem;
         font-family: Arial, Helvetica, sans-serif;
 }
 
 /*navbar*/
 .third_ul{list-style-type: none;
           background-color: #003B5C;
           padding: 0px;
           margin: 0px;
           overflow: hidden;
 }
 
 .line{text-decoration: none;
       padding: 10px;
       display: block;
       text-align: center;
 }
 
 .line:hover{background-color:#005c8f ;
 }
 
 .line{float: left;
 }
 
 .lineone{color: white;
          text-decoration: none;
          font-family: Arial, Helvetica, sans-serif;
          font-size: medium;
 }
 
 #one{font-family: Arial, Helvetica, sans-serif;
      font-weight: lighter;
      font-size: xx-large;
      color: #003B5C;
      padding-left: 42px;
 }
 
 #two{font-family: Arial, Helvetica, sans-serif;
      font-weight: lighter;
      color: #003B5C;
      padding-left: 42px;
 }
 
 
 /*text over img*/
 
 .img-students{width: 1327px;
 }
 
 .wits-university{position: absolute;
                  top: 15%;
                  color: #fff;
                  padding: 20px;
                  background-color: #31353877;
                  margin-left: 250px;
                  width: 370px;
 }
 .headline{font-family: Arial, Helvetica, sans-serif;
           font-weight: lighter;
           font-size: xx-large;
 }
 .text-card{position: relative;
 }
 
 .paragraph-one{font-family: Arial, Helvetica, sans-serif;
                font-weight: lighter;
                font-size: larger;
 }
 
 
  /*celebrating*/
 
 
 .celebrating-100{display: inline-flex;
 }
 
 .wits100{width: 660px;
          
 }
 
 
 
 #paragraph{width: 50%;
            display: block;
 }
 
 .div-one{background-color: rgb(5, 150, 150);
          padding-left: 60px;
          padding-top: 70px;
 }
 
 .celebrating-title{font-size: xx-large;
                    font-family: Arial, Helvetica, sans-serif;
                    font-weight: bold;
                    color: white;
 }
 
 .celebrating{font-size: larger;
                    font-family: Arial, Helvetica, sans-serif;
                    font-weight: lighter;
                    color: white;
                    width: 65%;
                    display: block;
 }
 
 .submit-wits100{background-color:rgb(5, 150, 150);
                 border-color: white;
                 border-style: solid;
                 padding-top: 15px;
                 padding-bottom: 15px;
                 padding-left: 25px;
                 padding-right: 25px;
                 font-family: Arial, Helvetica, sans-serif;
                 font-weight: lighter;
                 font-size: larger;
                 color: white;
 }
 
 .submit-wits100:hover{background-color: white;
                       font-family: Arial, Helvetica, sans-serif;
                       font-weight: lighter;
                       font-size: larger;
                       color: rgb(5, 150, 150);
                       transition: 0.5s;
 }
 
 /*row of pics*/
 
 .pic{width: 305px;
              height: 305px;
              margin: 0;
              padding: 0;
              object-fit: cover;
         }
 
         .row{display: flex;
              flex-direction: row;
              justify-content: center;
              align-items: center;
         }
 
         .picture-div{position: relative;
         }
 
 
         .sentence-one{position: absolute;
                      bottom: 38.5%;
                      right: 30%;
                      margin: 0;
                      color: #fff;
                      padding: 15px;
                      background-color: rgba(64,126,201,0.5);
                     font-family: Arial, Helvetica, sans-serif;
                     font-weight: 400;
                     font-size: 16px;
         }
 
         .sentence-two{position: absolute;
                      bottom: 62%;
                      right: 30%;
                      margin: 0;
                      color: #fff;
                      padding: 15px;
                      background-color: rgba(64,126,201,0.5);
                     font-family: Arial, Helvetica, sans-serif;
                     font-weight: 400;
                     font-size: 16px;
         }
 
         .sentence-three{position: absolute;
                      bottom: 68%;
                      right: 30%;
                      margin: 0;
                      color: #fff;
                      padding: 15px;
                      background-color: rgba(64,126,201,0.5);
                     font-family: Arial, Helvetica, sans-serif;
                     font-weight: 400;
                     font-size: 16px;
         }
 
         .sentence-four{position: absolute;
                      bottom: 32%;
                      right: 30%;
                      margin: 0;
                      color: #fff;
                      padding: 15px;
                      background-color: rgba(64,126,201,0.5);
                     font-family: Arial, Helvetica, sans-serif;
                     font-weight: 400;
                     font-size: 16px;
         }
 
         .sentence-five{position: absolute;
                      bottom: 73.9%;
                      right: 51.5%;
                      margin: 0;
                      color: #fff;
                      padding: 15px;
                      background-color: rgba(64,126,201,0.5);
                     font-family: Arial, Helvetica, sans-serif;
                     font-weight: 400;
                     font-size: 16px;
         }
 
         .sentence-six{position: absolute;
                      bottom: 73.9%;
                      right: 51.5%;
                      margin: 0;
                      color: #fff;
                      padding: 15px;
                      background-color: rgba(64,126,201,0.5);
                     font-family: Arial, Helvetica, sans-serif;
                     font-weight: 400;
                     font-size: 16px;
         }
 
         .sentence-seven{position: absolute;
                      bottom: 73.9%;
                      right: 55.9%;
                      margin: 0;
                      color: #fff;
                      padding: 15px;
                      background-color: rgba(64,126,201,0.5);
                     font-family: Arial, Helvetica, sans-serif;
                     font-weight: 400;
                     font-size: 16px;
         }
 
         .sentence-eight{position: absolute;
                      bottom: 73.9%;
                      right: 52.7%;
                      margin: 0;
                      color: #fff;
                      padding: 15px;
                      background-color: rgba(64,126,201,0.5);
                     font-family: Arial, Helvetica, sans-serif;
                     font-weight: 400;
                     font-size: 16px;
         }
 
 /*footer*/
 
 .footer-column{background-color: #003B5C;
           display: flex;
           justify-content: space-around;
           flex-wrap: wrap;
 }
 
 .footer-ul{list-style: none;
            display: inline-flex;
 }
 
 .text-footer{color: white;
                      font-family: Arial, Helvetica, sans-serif;
                      font-weight: lighter;
                      font-size: large;
                      text-decoration: none;
 }
 
 .address-footer{color: white;
                         font-family: Arial, Helvetica, sans-serif;
                         font-weight: lighter;
                         font-size: large;
 }
 
 .text-footer:hover{text-decoration: underline;
 }
 
 .headline-footer{color: white;
           font-family: Arial, Helvetica, sans-serif;
           font-weight: bold;
           font-size: larger;
 }
 
 #facebook-icon{color: white;
                margin-right: 15px;
 }
 
 #instagram-icon{color: white;
                 margin-right: 15px;
 }
 
 #twitter-icon{color: white;
               margin-right: 15px;
 }
 
 #youtube-icon{color: white;
               margin-right: 15px;
 }
 
 #linkedin-icon{color: white;
                margin-right: 15px;
 }
 
 #facebook-icon:hover{color: rgb(133,113,77);
                      transition:0.5s;
 }
 
 #instagram-icon:hover{color: rgb(133,113,77);
                       transition:0.5s;
 }
 
 #twitter-icon:hover{color: rgb(133,113,77);
                     transition:0.5s;
 }
 
 #youtube-icon:hover{color: rgb(133,113,77);
                     transition:0.5s;
 }
 
 #linkedin-icon:hover{color: rgb(133,113,77);
                      transition:0.5s;
 }
 
 .give-to-wits{margin-top: 20px;
              padding-top: 15px;
              padding-bottom:15px;
              padding-left: 25px;
              padding-right: 25px;
              font-size: large;
              font-weight: lighter;
              color: white;
              background-color: rgb(133,113,77);
              border: solid;
              border-color:  rgb(133,113,77);
 }
 
 .give-to-wits:hover{background-color: rgb(0,47,74);
                     border: solid;
                     border-color: rgb(0,47,74);
                     text-decoration: underline;
                     transition: 0.8s;
 }
 
 .text-below-footer{color: white;
                    font-family: Arial, Helvetica, sans-serif;
                    font-weight: lighter;
                    font-size: small;
 }
 
 .text-below-footer:hover{text-decoration: none;
 }
 
 .Copyright-text{color: white;
                 font-family: Arial, Helvetica, sans-serif;
                 font-weight: lighter;
                 font-size: larger;
 }