.First_ul{list-style:none;
    font-family: Arial;
    font-size: 15px;
    text-align:right;
    text-decoration: none;
    color:#003B5C;
    margin-bottom: 0px;
    }

li{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 ul li{list-style: none;
      display: inline-block;
      padding: 0px 12px;
      position: relative;
      margin: 0%;
}

.nav-links ul li a{color:#515050;
        text-decoration: none;
        font-size: 1.09375rem;
        font-family: Arial, Helvetica, sans-serif;
}

.home-link{text-decoration: none;
}


/*home picture*/
.homepage_picture{width:1330px;
}

/*    courses     */

.courses{background-color: #003B5C;
         height: 190px;
         padding-left: 45px;
         width: 1050px;
         position: absolute;
         top: 85%;
         left: 10%;
}

.courses-section{position: relative;
}


select {
  width: 300px;
  font-size: small;
  color: #515050;
  height: 35px;
}

.courses-heading{font-size: larger;
                 font-family: Verdana, Geneva, Tahoma, sans-serif;
                 font-weight: lighter;
                 color: white;
                 margin-left: 42.5px;
                 margin-top: 35px;
}

.text-courses{font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
              font-weight: light;
              font-size: small;
              color: white;
              display: inline-table;
              margin-top: 15px;
}

.search-button{height: 35px;
               background-color: rgb(133, 113, 77);
               font-size: larger;
               font-family: Arial, Helvetica, sans-serif;
               font-weight: lighter;
               padding-left: 60px;
               padding-right: 60px;
               border: solid;
               border-color: rgb(133, 113, 77);
               color: white;
               margin-left: 35px;
              
}

.search-button:hover{background-color: rgb(0, 47, 74);
                     border-color: rgb(0, 47, 74);
                     transition: 0.5s;
}

#heading_search-bar{margin-left: 42.5px;
}

.search-bar{height: 35px;
            width: 300px;
            margin-right: 30px;
            margin-left:42.5px ;
}


/**/


/*News Article*/
.news_title ul li{list-style:none;
        display: inline-block;
}

.news_title{font-family: Arial;
  color:#003B5C;
}

/*News one*/

.news{padding-left: 100px;
}

.article-one{display: inline-flex;
         width: 250px;
          padding-top: 15px;
          padding-left: 15px;
          padding-right: 15px;
          padding-bottom: 130px;
           }

.article-one:hover{box-shadow: 0 4px 8px 0 rgb(94, 94, 94), 0 6px 20px 0 rgb(141, 141, 141);
        transition-duration: 1.1s;
      }

.pic{width: 250px;
}

.intro-news{font-family:Arial;
  font-size:medium;
  color: rgb(52,52,52);
  font-weight: lighter;
}

.title{font-family:Arial;
font-size:large;
color:rgb(0,59,92);
font-weight: bold;
}

.date{font-family:Arial;
font-size:large;
color: rgb(0,59,92);
font-weight: lighter;
}

/*News two*/

.article-two{display: inline-flex;
         width: 250px;
          padding-top: 15px;
          padding-left: 15px;
          padding-right: 15px;
          padding-bottom: 70px;
           }

.article-two:hover{box-shadow: 0 4px 8px 0 rgb(94, 94, 94), 0 6px 20px 0 rgb(141, 141, 141);
        transition-duration: 1.1s;
}

/*News three*/

.article-three{display: inline-flex;
         width: 250px;
          padding-top: 15px;
          padding-left: 15px;
          padding-right: 15px;
          padding-bottom: 30px;
           }

.article-three:hover{box-shadow: 0 4px 8px 0 rgb(94, 94, 94), 0 6px 20px 0 rgb(141, 141, 141);
          transition-duration: 1.1s;
}

.headline{width: 85%;
}

/*Postgraduate*/

.postgraduate-pic{width: 620px;
}

.postgraduate{padding-left: 50px;
}

.postgraduate-one{display: inline-flex;
}

.postgraduate-two{display: inline-flex;
}

.postgraduate-headline{font-size: x-large;
         font-family:Arial;
         color: #0b354e;
         font-weight: lighter;
}

.postgraduate-paragraph{font-family:Arial;
          font-size:large;
          color: #0b354e;
          font-weight: lighter;
}

.postgraduate-button{background-color:#003B5C;
       color: white;
       height: 60px;
       font-family:Arial;
       font-size:large;
       font-weight: lighter;
       padding-left: 35px;
       padding-right: 35px;
       border: 0px;
}

.postgraduate-button:hover{background-color:rgb(133,113,77);
             transition: 0.5s;
}
/*Dr judy pics*/
.ops{width: 1260px;
}

.Dr-Judy-pic{width: 1250px;
}
/*youtube video embed*/
.youtube{width: 1230px;
         height: 692px;
}
/*Did you know section*/
.did-you-know{display: inline-block;
        margin: 0px;
        padding-left: 25px;
        background-color: #515050;
}

.row-one {display: inline-flex;
        position: relative;
        width: 305px;
}
      
.picture{width:305px;
         height:305px;
         object-fit:cover;
}
      
.first-pic{position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: opacity 0.3s ease;
        display: flex;
        justify-content: center;
        align-items: center;
}
      
.first-pic:hover {opacity: 1;
}
      
.text-over-img{color: white;
        font-size: 24px;
        text-align: center;
        font-size: larger;
        font-family: Arial, Helvetica, sans-serif;
}

      /*   second  */

.text-over-img-two{color: white;
        font-size: 24px;
        text-align: center;
        font-size: larger;
        font-family: Arial, Helvetica, sans-serif;
}
      /*  third  */
      
.text-over-img-three{color: white;
        font-size: 24px;
        text-align: center;
        font-size: larger;
        font-family: Arial, Helvetica, sans-serif;
      }

      .row-two{display: inline-flex;
        position: relative;
        width: 305px;
      }
        /*footer*/

.footer-column{background-color: #003B5C;
          display: flex;
          justify-content: space-around;
          flex-wrap: wrap;
}

.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;
}