body { margin:0px; font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
h3{font-size: 52px;
   font-weight:100;
}
 a{ text-decoration:none; color:inherit}
 li{ list-style:none}
.hdr{
    text-align:center;
    background-image: url("images/bg_kj.png");
    background-size:cover;
    color:white;
    min-height:300px;
}
.cont_hdr {
   
    line-height: 70px;
    padding: 150px;
    font-size: 42px;
    text-transform:uppercase;
    background-color: #124e32;
    opacity: 0.6
    }

.cont_hdr span{
    font-size: 60px
}
.clr_txt{
    opacity:0.9;
    color: #fff
}
.home_pg div{
    display:inline-block;
    width: 41%;
    padding:50px;
    font-size:22px;
    vertical-align:middle;
}

.bg_logo2 {
    width: auto;
    min-height: 400px;
    padding: 0px 30px;
}


.bg_logo{   
    width:auto;
    min-height:400px;
    padding:0px 30px;

}
.access{
    padding: 50px;
    width:0 auto;
    text-align:center;
    background-color:#dadadad4;

}
.cntr li {
    width:17.5%;
    padding:1%;
    font-size:24px;
    display:inline-block;
    vertical-align:top;
    
}

    .cntr li a i{
      
    font-size: 150px;
    font-weight:500;
}
    .cntr li a i:hover {
        color:#a71f2f;
        font-size:180px;
      
    }

.enroll{
    background-color: #9d10aa;
    padding:50px;
    text-align:center;
    font-size: 40px;
    color:#fff;
}
    .enroll p a{
        border-radius:50px;
        border:2px groove yellow;
        padding:30px;
        color: #ffc;
    }
    .enroll p a:hover {
        border-radius: 50px;
        border: 1px groove yellow;
        background-color:yellow;
        padding: 30px;
        color:#00c;
    }

.foot {
    background-color: #dadadad4;
}

    .foot div{
    display: inline-block;
    width: 45%;
    padding: 2%;
    font-size: 24px;
    vertical-align:middle
}
.barr{
    border-left: 1px grey groove;
    margin-top:30px;
    min-height: 100px;
}
.barr li{
    display:inline;
    padding: 0px 10px;
}

@media screen and (max-width:1000px) and (min-device-width: 320px) {
   body{
       white-space:wrap;
   }
    
    h3 {
        font-size: 30px;
        font-weight: 100;
    }

    .hdr{
        background-position:center;
        background-repeat: no-repeat;
    }
    .cont_hdr {
        line-height: 50px;
        padding: 75px;
        font-size: 30px;
        text-transform: uppercase;
        background-color: #124e32;
        opacity: 0.6
    }

        .cont_hdr span {
            font-size: 30px
        }

    .home_pg{
        width:100%
    }


    .home_pg div {
        display: block;
        width: auto;
        padding: 20px 10px;
        font-size: 18px;
        vertical-align: central;
    }

    .bg_logo2 {
        width: 400px;
        min-height: 400px;
        padding: 0px;
    }
        .bg_logo {
        width: 100%;
        min-height: 400px;
        padding: 0px ;
        
    }
    .access {
        padding: 0px;
        width: 100%;
        text-align: center;
        background-color: #dadadad4;
        
    }

        .cntr li {
            width: auto;
            padding: 30px 0px;
            font-size: 20px;
            display: block;
            vertical-align: central;
            white-space:nowrap
        }

            .cntr li a i {
                font-size: 80px;
                font-weight: 300;
            }

                .cntr li a i:hover {
                    color: #a71f2f;
                    font-size: 80px;
                }

    .enroll {
        background-color: #9d10aa;
        padding: 20px;
        text-align: center;
        font-size: 30px;
        color: #fff;
    }

        .enroll p a {
            border-radius: 50px;
            border: 2px groove yellow;
            padding: 20px;
            color: #ffc;
        }

            .enroll p a:hover {
                border-radius: 50px;
                border: 1px groove yellow;
                background-color: yellow;
                padding: 20px;
                color: #00c;
            }
    .foot {
        background-color: #dadadad4;
        width: 100%;
    }

        .foot div {
            display: block;
            width: auto;
            padding: 20px;
            font-size: 20px;
            vertical-align: middle;
        }

    .barr {
        border-left: none;
        margin-top: 0px;
        min-height: 0px;
    }

        .barr li {
            display: inline;
            padding: 0px 10px;
        }
}