@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;1,400;1,500&display=swap');
body {
    font-family: 'Montserrat', sans-serif;

}
img{max-width:100%;}
.pointer{
    cursor:pointer;
}
.w-200{
    max-width:200px;
}
.wi-100 {
    width: 100px;
}
#PageContent .content-container {

    padding: 50px 0;
    z-index: 101 !important;
}
#PageContent .header-container {
    padding: 0 50px;
    z-index: 101 !important;
}
    #PageContent .content-container a {
        color: #015fa7;
    }
    #PageContent .content-container a:hover{
        text-decoration:underline;
    }
.PageHeaderBox {
    background-color: #262626;
    padding: 20px;
    color: white;

    margin-bottom: 50px;

}
.HeaderBoxImg{
    height:100px;
}
.PageHeader {
    /*text-align: center;*/
}
h2.PageHeader:after, .content-container h2:first-child:after, h4.PageHeader:after {
    content: '';
    display: block;
    width: 15%;
    height: 2px;
    background: var(--lightgreen);
    margin: 5px 0 0 0;
}
h1.PageHeader.text-center:after {
    content: '';
    display: block;
    width: 300px;
    height: 2px;
    background: #dbaf37;
    margin: 10px auto;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
}
    .PageDescription {
 
        font-size:1.1em;
    }
a {
    text-decoration: none;
    color: inherit;
}
img{
    max-width:100%;
}
.mainlogo img {
    width: 160px;
    z-index: 1101;
    position: fixed;
    margin: auto;
    left: 50%;
    margin-left: -90px;
    transition-property: width, border-radius, background-color;
    transition-duration: 1s, 2s, 5s;
    transition-timing-function: ease, ease-out, linear;
}
    .mainlogo img.logosmaller {
        width: 100px;
        margin-left: -50px;
        top: 0px;
        transition-property: width, border-radius, background-color;
        transition-duration: 1s, 2s, 5s;
        transition-timing-function: ease, ease-out, linear;
    }
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.theme-btn{
    padding: 10px 40px;
    margin-top:20px;
    max-width:100%;
}
.theme-btn-sm {
    padding: 10px 20px;
    
    max-width: 100%;
}
.theme-btn-sm-light {
    background-color: #dfdfdf;
    padding: 5px 20px;
    margin-top: 20px;
    color: #21418c;
}
#footer h5:after, h4.title:after {
    content: '';
    display: block;
    width: 25%;
    height: 2px;
    background: var(--lightgreen);
    margin: 5px 0 0 0;
}
h2.card-title:after {
    content: '';
    display: block;
    width: 25%;
    height: 2px;
    background: #ffd516;
    margin: 10px auto;
}

@media (max-width:991px) {
    #PageContent .header-container {
        padding: 0 0px;
        z-index: 101 !important;
    }
    .PageHeaderBox {
       
    }
    .HeaderBoxImg {
        width: 60px;
        height:60px;
    }
}
    @media (max-width:575px) {
        .PageHeaderBox {
           
        }

        .mainlogo img {
            width: 120px;
            margin-left: -50px;
        }

        #PageContent .content-container {
            padding: 30px 20px;
            margin-top: 0px;
        }
    }