/*Navbar*/
.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;
}

.button{background-color: #31353877;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: lighter;
        font-size: medium;
        border: solid;
        border-color: white;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 25px;
        padding-right: 25px;
}

.button:hover{background-color: white;
        color: #515050;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: lighter;
        font-size: medium;
        border: solid;
        border-color: white;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 25px;
        padding-right: 25px;
        transition: 0.5s;
        cursor: pointer;
    }

    /*News one*/

.news{padding-left: 100px;
}

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

.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: 50px;
           }

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

/*News four*/

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

.article-four: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%;
}

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

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

/* interview */

.interview-link{padding-top: 15px;
                padding-bottom: 15px;
                padding-left: 30px;
                padding-right: 30px;
                background-color:#003B5C;
                color:white;
                margin-left: 553px;
                border: solid;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: lighter;
}

.interview-link:hover{background-color: rgb(133, 113, 77);
                      transition: 0.5s;
}

.interview-heading{font-family: Arial, Helvetica, sans-serif;
                   font-weight: bold;
                   font-size: larger;
                   color: #003B5C;
}

.interview-intro{font-family: Arial, Helvetica, sans-serif;
                   font-weight: lighter;
                   font-size: larger;
                   color: #003B5C;
                   margin-left: 50px;
}

.interview-pic{margin-left: 10px;
               margin-right: 65px;
               width: 600px;
               height: 300px;
               object-fit: cover;
}

/* picture next to text*/
.picture-next-to-text{display: flex;
}

.text-picture{display: inline-block;
              background-color: #003B5C;
              padding-right: 40px;
              padding-top: 25px;
}

.main-title-two{font-size: 23px;
                font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                font-weight: 600;
                color: white;
                margin-left: 50px;
}

.main-picture{width: 660px;
              height: 500px;
              object-fit: cover;
}

.main-heading-two{width: 5%;
                  color: rgb(57, 57, 57);
                  margin-right: 550px;
                  margin-left: 50px;
}

.sub-title{font-size: large;
           font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
           font-weight: lighter;
           color: white;
           margin-left: 50px;
           width: 350px;
}

.main-contant-two{font-size: larger;
                  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                  font-weight: lighter;
                  color: white;
                  margin-left: 50px;
                  margin-top: 0%;
                  width: 455px;
}

.button-one{background-color: #003B5C;
            color: white;
            border: solid;
            border-color: white;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 25px;
            padding-right: 25px;
            font-size: larger;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-weight: light;
            border-width: 2px;
            margin-left: 50px;
}

.button-one:hover{color: #003B5C;
                  background-color: white;
                  border-color: white;
                  transition: 0.5s;
}

.sub-title-two{font-size: larger;
               font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
               font-weight: light;
               color: white;
               margin-left: 50px;
               width: 550px;
}

/**/
.text-row{font-size: large;
               font-family: Arial, Helvetica, sans-serif;
               font-weight: light;
               color:  rgb(52, 52, 52);
               width: 260px;
}

.top-button{background-color: #003B5C;
            padding-left: 2px;
            padding-right: 17.5px;
            padding-bottom: 7.5px;
            padding-top: 7.5px;
            color: white;
            font-size: larger;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: lighter;
            width: 260px;
            border: solid;
            border-color: #003B5C;
}

.container{display: block;
           margin-right: 50px;
}

.section-one{display: flex;
             margin-left: 65px;
             margin-right: 65px;
}

.title-links{text-decoration: none;
             color: #003B5C;
}

.title-links:hover{color: rgb(133,113,77);
                   transition: 0.5s;
}

.picture{width: 260px;
}
/* slider-heading and text  */
.slider-heading{font-size: 45px;
                color: #003B5C;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: lighter;
}

.slider-text{font-size: large;
             font-family: Arial, Helvetica, sans-serif;
             font-weight: light;
             color: #003B5C;
}

/*

slide text


*/

/*  text book  */

.text-book-section{display: flex;
                   justify-content: center;
                   justify-content: space-between;
                   justify-content: space-around;
}

.text-book-img{width: 270px;
               object-fit: cover;
}

.text-book-para{width: 270px;
                font-size: 17px;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: light;
}

.text-book-links{color:  rgb(52, 52, 52);
                 text-decoration: none;
}

.text-book-links:hover{color: #005c8f;
}

/*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;
}