body {
    overflow-x: hidden;
}


.navbar-toggler{
  background-color: #dc3545;
}
a.navbar-brand span {
    display: flex;
    align-items: center;
    font-size: 1.5em;
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand {
    color: #2a2f7d !important;
    font-weight: bold;
    letter-spacing: 2px;
    width: 25%;
}




a.nav-link {
    border-bottom: 3px solid transparent;
}
a.nav-link:hover {
    border-bottom: 3px solid red;
  }
  
  a.nav-link.active {
    border-bottom: 3px solid red;
  }

.navbar-dark .navbar-nav .nav-link {
    color: #010e1d !important;
    padding: 13.5px 13px;
    text-transform: uppercase;
}
.bg-dark {
    background-color: #fff;
}
.carousel-item {
    color: #fff;
}
/*img.d-block.w-100 {
    height: 600px;
}*/
.about_img {
    display: flex;
    justify-content: center;
    align-items: center;
}
.gap {
    padding: 3rem 1rem 3rem 1rem;
}
.about_title {
    font-weight: bold;
    border-bottom: 2px solid #63b246;
    width: fit-content;
    color: #2a2f7d;
}
.tt {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.p_text {
    color: #3a3d81;
}
.back_image {
    background-image: url("../img/bg.jpg");
    min-height: 300px;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.news_header {
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    background-color: #2b3486;
    color: #fff;
}
.latest_events {
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    background-color: #2b3486;
    color: #fff;
}
.info {
    padding: 20px;
    border-bottom: 1px solid #2b3486;
}
.events,.news {
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;
  height: 260px;
}
.date_time {
    font-weight: bold;
    text-align: right;
    font-size: 20px;
    color: #63b246;
}
.info_p {
    color: black;
    font-size: 15px;
    font-weight: bold;
}
.logo_pow {
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo_pow img {
    width: 60%;
    padding: 0px 5px 0px 10px;
    background: #fff;
    border-radius: 10px;
    margin-left: 5px;
}
.footer {
    background-color: #2b3486;
    color: #fff;
    padding: 15px 15px 5px 15px;
}
.footer_c {
    margin-top: 10px;
}
li.nav-item {
    padding: 0px 0px 0px 0px;
    font: normal 15px/18px 'Lato', sans-serif;
    font-weight: 400
}
@media screen and (min-width: 320px) {
    .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand {
        width: 100px;
       
    }
    a.navbar-brand {
        width: 80%;
    }
    .navbar-brand {
        justify-content: unset;
       white-space: pre-wrap;

    }
    img.d-block.w-100 {
        height: 240px;
    }
    .gap {
        padding: 1rem 1rem 3rem 1rem;
    }
    .events, .news {
        margin-top: 1.5rem;
    }
    .footer_c {
        margin-top: 0px;
        font-size: 10px;
    }
    .back_image {
        background-image: url(../img/bg.jpg);
        min-height: 50vh;
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: 100%;
        width: 100%;
    }
    li.nav-item {
        border-bottom: 1px solid #fff;
    }
    .date_time {
    font-weight: bold;
    text-align: right;
    font-size: 14px;
    color: #63b246;
    } 
    .info_p {
        color: black;
        font-size: 13px;
        font-weight: bold;
    }  
    .tt {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /*a.navbar-brand img {
        width: 15% !important;
    }*/
    .logo_pow img {
        width: 30%;
        padding: 0px 5px 0px 10px;
    }
}



.hum_bu {
    background-color: #2b3486;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    left: 1rem;
    position: sticky;
}
i.fa.fa-plus {
    font-size: 1.3em;
    transition: transform .2s;
    color: #fff;
    left: 1.1rem;
    top: 0.9rem;
    position: relative;
}
.menu.active .hum_bu i {
    transform: rotate(-45deg);
}

/*Responsive Nav Bar*/