/*              */
.home_link{text-decoration: none;
    color: black;
}

.home_link:hover{color: #005c8f;
}
/*       */

.main-section{display: flex;
}

.fixed_left{display: inline-block;
} 

.left section{display:inline-block;
}
/*              */

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



.right-side-section{display: block;
}




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

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

/*News one*/

.news{padding-left: 27px;
}

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

#news_title{font-size: 20px;
}

/**/

.center-heading{font-size: 45px;
         color: #003B5C;
         font-family: Arial, Helvetica, sans-serif;
         font-weight: lighter;
         margin-left: 50px;
         width: 800px;
}

/* youtube video */
.youtube_video{width: 800px;
        margin-left: 50px;
        height: 400px;
}

/*  zoom in pics  */

.zoom-articles-first{display: inline-flex;
}

.container-one{
width: 500px;
overflow: hidden;
position: relative;
margin-left: 50px;
}

.zoom-pic-one{
width: 500px;
display: block;
transition: transform 0.3s ease;
height: 347px;
object-fit: cover;
}

.zoom-pic-one:hover {
transform: scale(1.1);
}

.zoom-text{position: absolute;
    top: 48%;
    color: white;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: medium;
    width: 470px;
}

/**/
.container-two{box-shadow: 0 4px 8px 0 rgb(94, 94, 94), 0 6px 20px 0 rgb(141, 141, 141);
        padding-bottom: 45px;
        width: 250px;
        height: 300px;
        margin-left: 50px;
}

.container-two:hover{background-color: #003B5C;
}

.zoom-pic-two{width: 250px;
       height: 125px;
       display: block;
       transition: transform 0.3s ease;
}

.zoom-pic-two:hover{transform: scale(1.1);
}

.div-two{overflow: hidden;
  position: relative;
}

.zoom-text-two{width: 235px;
        font-weight: lighter;
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
        color: #003B5C;
        padding: 10px;
}

.zoom-text-two:hover{color: white;
}

/*    second article         */


.container-three{
width: 500px;
overflow: hidden;
position: relative;
margin-left: 50px;
}

/*secpnd section*/

.search-bar{height: 55px;
     margin-left: 50px;
     font-size: small;
     font-weight: light;
     padding-left: 15px;
     width: 215px;
     margin-right: 0px;
     color: wheat;
}

.search-button{background-color: rgb(133,113,77);
        border: solid;
        border-color: rgb(133,113,77);
        padding: 20px;
        margin: 0px;
        height: 55px;
        color: white;
}

/* table-one  */


.table{background-color:#003B5C;
width: 280px;
margin-left: 50px;
}

.table-row{background-color: white;
}

.table-data{color: #003B5C;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: lighter;
     padding: 10px;
     text-align: left;
}

.table-heading{color: white;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: lighter;
     font-size: large;
     padding: 10px;
     text-align: left;
}

.right-title{font-size: 25px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: light;
      color: #515050;
      margin-left: 50px;
}

.dotted-line{width: 250px;
      margin-left: 50px;
}

/* text over img two*/
.picture-img-two{width: 270px;
          height: 400px;
          object-fit: cover;
          margin-left: 50px;
}

.text-over-img-two{position: absolute;
        bottom:0.5px;
        width: 250px;
        height: 50px;
        color: #003B5C;
        padding: 10px;
        background-color: #003B5C;
        opacity: 65%;
        margin-left: 50px;
}

.img-two{position: relative;
}

.text-two{font-family: Arial, Helvetica, sans-serif;
font-size: larger;
font-weight: lighter;
opacity: 100%;
color: white;
}

.text-over-img-two:hover{opacity: 100%;
              transition: 0.5s;
}

.text-link{text-decoration: none;
    color: white;
}

.textoverpic{display: inline-flex;
}


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