/*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: rgb(176, 141, 55);
        text-decoration: none;
        font-size: medium;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-weight: bold;
}

.ul-button{padding-top: 15px;
           padding-bottom: 15px;
           padding-left: 25px;
           padding-right: 25px;
           color: white;
           background-color: rgb(17, 157, 164);
           border-width: 2px;
           border-color: rgb(17, 157, 164);
           border: solid;
}

.ul-button:hover{color: rgb(17, 157, 164);
                 background-color: white;
                 border-color: rgb(17, 157, 164);
                 transition: 0.5s;
}

/*text over img*/

.img-students{width: 1327px;
}

.wits-university{position: absolute;
                 top: 15%;
                 color: #fff;
                 padding: 35px;
                 background-color: rgba(17, 157, 164, 0.77);
                 margin-left: 200px;
                 width: 400px;
}
.headline{font-family: Arial, Helvetica, sans-serif;
          font-weight: light;
          font-size: x-large;
}
.text-card{position: relative;
}

.paragraph-one{font-family: Arial, Helvetica, sans-serif;
               font-weight: lighter;
               font-size: small;
}

.heading{width: 5%;
         margin-right: 390px;
}

/*   BUILDING TOMORROW   */
.main-title-one{font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                font-size: 25px;
                font-weight: bold;
                color: rgb(17, 157, 164);
                text-align: center;
}

.main-heading-one{width: 7%;
                  color: rgb(17, 157, 164);
                  margin-left: 615px;
}

.main-contant{font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
              font-size: large;
              font-weight: lighter;
              color: rgb(117, 115, 127);
              text-align: center;
              margin-left: 150px;
              margin-right: 150px;
}

/*   row of pictures    */

.row-of-pictures{display: inline-flex;
                 margin-left: 70px;
                 margin-right: 70px;
}

.pictures{width: 350px;
}

.mini-text{font-size: larger;
           font-family: Verdana, Geneva, Tahoma, sans-serif;
           font-weight: lighter;
           width: 330px;
}

.intro{margin-right: 15px;
       margin-left: 15px;
}

.mini-text-links{text-decoration: none;
                 color: rgb(117, 115, 127);
}

.mini-text-links:hover{color: rgb(17, 157, 164);
}

/*   picture-next-to-text-two   */

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

.text-picture{display: inline-block;
              background-color: rgb(17, 157, 164);
              padding-right: 40px;
              padding-top: 25px;
              width: 100%;
}

.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: medium;
                  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: rgb(17, 157, 164);
            color: white;
            border: solid;
            border-color: white;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 25px;
            padding-right: 25px;
            font-weight: bold;
            border-width: 2px;
            margin-left: 50px;
}

.button-one:hover{color: rgb(17, 157, 164);
                  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;
}
/*     View Gallery   */

.view-gallery{padding-left: 25px;
              padding-right: 25px;
              padding-top: 15px;
              padding-bottom: 15px;
              font-size: larger;
              font-family: Verdana, Geneva, Tahoma, sans-serif;
              font-weight: light;
              color: rgb(17, 157, 164);
              border: solid;
              border-color: rgb(17, 157, 164);
              margin-left: 580px;
              background-color: white;
}

.link-button{text-decoration: none;
             color: rgb(17, 157, 164);
}

/*footer*/

.footer-column{background-color: rgb(133, 113, 77);
          display: flex;
          justify-content: space-around;
          flex-wrap: wrap;
}


.text-footer{color: white;
                     font-family: Arial, Helvetica, sans-serif;
                     font-weight: lighter;
                     font-size: small;
                     text-decoration: none;
}

.address-footer{color: white;
                        font-family: Arial, Helvetica, sans-serif;
                        font-weight: lighter;
                        font-size: small;
}

.text-footer:hover{text-decoration: underline;
                   color: #003B5C;
}

.headline-footer{color: white;
          font-family: Arial, Helvetica, sans-serif;
          font-weight: bold;
          font-size: large;
}

#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: #003B5C;
                     transition:0.5s;
}

#instagram-icon:hover{color: #003B5C;
                      transition:0.5s;
}

#twitter-icon:hover{color:  #003B5C;
                    transition:0.5s;
}

#youtube-icon:hover{color: #003B5C;
                    transition:0.5s;
}

#linkedin-icon:hover{color:  #003B5C;
                     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: rgb(133, 113, 77);
             background-color: white;
             border: solid;
             border-color: white;
             margin-bottom: 20px;
}

.give-to-wits:hover{background-color: rgb(133, 113, 77);
                    border: solid;
                    border-color: white;
                    color: white;
                    text-decoration: underline;
                    transition: 0.5s;
}

.text-below-footer{color: white;
                   font-family: Arial, Helvetica, sans-serif;
                   font-weight: lighter;
                   font-size: small;
                   text-decoration: none;
}

.text-below-footer:hover{color: #003B5C;
}

.Copyright-text{color: white;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: light;
                font-size: medium;
}