body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.bodybg {
    background: url("../img/narra_capital.jpg") no-repeat fixed center; 
    background-size: cover;
    text-align: center;
}
ul {
    list-style-type: none;
    /* margin: 0; */
    padding: 0;
    overflow: hidden;
    /* background-color: #333; */
    width: 15%;
    margin: auto;
    color: rgb(255, 255, 255); 
    font-family: Tahoma;
    font-size: 20px;
}
  
li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    /*  */
}

li a:hover:not(.active) {
    /* background-color: #111; */
    text-decoration: none;
}

.active {
    background-color: #4CAF50;
}

.description {
    color: white;
    width: 50%;
    height: 30%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
  }

.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-container:after,.w3-container:before{content:"";display:table;clear:both}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-display-topright{position:absolute;right:0;top:0}