* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    background-size: cover no-repeat;
    background-repeat: no-repeat;
}

@media screen and (min-width:700px){
    body {
        height: 100vh;
        overflow-y: hidden;
    }
}

@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

@font-face {
    font-family: bodoni;
    src: url(fonts/bodoni/Bodoni%2072.ttc) format("truetype");
}

.navigation img {
    margin-left: 50%;
    height: 1.6em;
}

.navigation .navbar-text {
    margin-right: 10%;
}

nav {
    height: 7vh;
    background-color: #fff;
    -moz-box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.2);
}

.welcome {
    height: 12vh;
    text-align: left;
/*    margin-bottom: 110px;*/
}

.welcome .note {
    /* text-transform */
    margin-left: 100px;
    width: 60%;
    padding-top: 5%;
}

.card {
    border: 0px;
    border-radius: 0px;
}

.bod .container-fluid {
    padding: 50px 110px;
    height: 100%s;
}

.bod .back-logo{
    height: 100vh;
    width: 99%;
    position: absolute;
    z-index: -1;
    margin-top: -100px;
    overflow: hidden;
}

.note .para2 {
    font-size: 14px;
    margin-left: 20px;
    padding-top: 5%;
}

.note .para2 span {
    font-style: italic;
    font-weight: 500;
}

.note .wel-para {
    color: #9f6a34;
    font-weight: lighter;
    padding-top: 5%;
}

.note .col-md-2 .hr {
    margin: 0;
    padding-left: 55px;
    padding-right: 55px;
}

.note .col-md-2 .hr .black {
    width: 1px;
    background: black;
}

.head .container-fluid {
    padding-bottom: 0;
    padding-top: 0;
}

.note .wel-para {
    font-family: 'bodoni';
}

@media screen and (min-width:1024px) {
    .note {
        margin-top: -3%;
    }
    
    .welimg {
        margin-top: -4%;
        margin-bottom: 2%;
    }
    
    .note .hr {
        margin: 0;
        padding-left: 55px;
        padding-right: 55px;
    }

    .note .hr .black {
        background: black;
        width: 1px;
    }
    
    .note .wel-para {
        line-height: 35px;
/*        font-family: 'Playfair Display', Times, serif;*/
        letter-spacing: .00005em;
    }

    .note p .wt {
        font-size: 35px;
    }

    .note p .ohs {
        font-size: 50px;
    }

    .bod {
        box-sizing: border-box;
        overflow: hidden;
        height: 90vh;
    }

    .bod .container-fluid {
        padding: 50px 110px;
    }

    .bod .back-logo{
        height: auto;
        width: 99%;
        position: absolute;
        z-index: -1;
        margin-top: -100px;
        overflow: hidden;
    }

    .images .container-fluid {
        padding-top: 0;
    }
}

.btn_bits_success_rounded_2x {
    color: #ffffff;
    background-color: #fd7e14 ;
    border-color: #fd7e14;
    padding:  10px 24px;
    margin-top: 25%;
    margin-left: 40%;
    font-family: 'OpenSansBold', sans-serif;
    border: 2px solid #fd7e14 ;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 40px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 100px 0 0 #fd7e14 ;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
/*    margin-top: 50%;*/
    position: absolute;
    z-index: 1;
}
.btn_bits_success_rounded_2x:hover {
    box-shadow: inset 0 0 0 0 #fd7e14 ;
    color: #fd7e14 !important;
    background: transparent;
    
}

@media screen and (min-width:1024px){
    .images .container-fluid {
            padding-left: 110px;
        padding-right: 110px;
/*       height: 80vh;*/
    }
}

.card-group {
    margin-top: 10%;
    height: 50vh;
/*    width: 80%;*/
    padding: 0;
    -moz-box-shadow: 25px 20px 70px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 25px 20px 70px rgba(0, 0, 0, 0.3);
    box-shadow: 25px 20px 70px rgba(0, 0, 0, 0.3);
    outline: inherit;
    border: 0px;
    border-radius: 0px;
}

.first {
    background-image: url(img/1.jpg);
    background-size: cover;
/*    background-position: left -150px top -0px;*/
    border-radius: 0px;
}

.second {
    background-image: url(img/2.jpg);
    background-size: cover;
/*    background-position: left -450px top -250px;*/
}

.overlay {
    position: absolute;
    height: 100%;
    width: auto;
    background-color: #000;
    opacity: 0;
    transition: .5s ease-in;
        
}

.first:hover .overlay {
    opacity: .6;
}

.second:hover .overlay {
    opacity: .6;
}

.overlayFade {
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
}

.text {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}



/*
.first:hover {
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(img/1.jpg);
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}
*/

.footer  {
/*    height: 3vh;*/
    padding-bottom: 0;
    margin-bottom: 0;
/*    padding-left: 110px;*/
    position: relative;
    color: #003;
    background-color: transparent;
    font-size: 12px;
}

.footer .container-fluid {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

@media screen and (max-width:1440px) {
     .card-group {
/*        height: 600px;*/
    /*    z-index: -1;*/
    }
    
    .footer {
/*        margin-top: 10px;*/
/*        font-size: 10px;*/
/*        color: blue*/
    }
    
    .welcome .note {
        padding-top: 0;
    }
    
    p {
        font-size: 14px;
    }
    
    .first {
    background-size: auto;
    background-position: left -450px top -250px;
}

    .second {
        background-size: auto;
        background-position: left -450px top -250px;
    }
}

@media screen and (max-width:1024px) {
    .card-group {
/*        height: 585px;*/
    /*    z-index: -1;*/
        margin-top: 25%
    }
    
    .footer {
/*        margin-top: 10px;*/
/*        font-size: 10px;*/
/*        color: blue*/
    }
    
    p {
        font-size: 10px;
    }
    
    .first {
    background-size: auto;
    background-position: left -530px top -250px;
}

    .second {
        background-size: auto;
        background-position: left -450px top -250px;
    }
}

@media screen and (max-width:768px) {
    .card-group {
        margin-top: 25%;
/*        height: 70vh;*/
    /*    z-index: -1;*/
    }
    
    .images .container-fluid {
        padding: 0;
/*    height: 70vh;*/
}
    .footer {
        margin-top: 10px;
/*        font-size: 10px;*/
/*        color: blue*/
    }
    
    p {
        font-size: 14px;
    }
    
    .btn_bits_success_rounded_2x {
        margin-top: 50%;
        margin-left: 30%;
    }
    
    .bod .back-logo {
        height: auto;
    }
    
    .welcome .note {
        width: 90%
    }
    
    .note .wel-para {
        line-height: 25px   ;
        font-family: 'Playfair Display', Times, serif;
        letter-spacing: .00005em;
    }

    .note p .wt {
        font-size: 20px;
    }

    .note p .ohs {
        font-size: 35px;
    }
}

@media screen and (max-width:425px) {
    .navbar-collapse, .navbar-toggler {
        display: none;
    }
    .welcome {
        height: auto;
/*        margin-bottom: 10px;*/
    }
    .welcome .note {
    margin-left: 0;
    width: 100%;
}
    
    .images .fluider {
        padding: 0 !important;    
    }
    
    .card-group {
        margin-top: 0%;
/*        height: 700px;*/
/*        z-index: -1;*/
    }
    .images .container-fluid {
        padding: 0;
/*    height: 60vh;*/
}
    .first {
        height: 450px;
    }
    
    .second {
        height: 450px;
        margin-bottom: 0;
    }
    
    .btn_bits_success_rounded_2x {
        margin-top: 25%;
        margin-left: 35%;
        padding:  6px 20px;
        font-size: 10px;
    }
    
    .footer {
        margin-top: auto
    }
    
    p {
        font-size: 14px;
    }
    
    .navigation {
        padding: 8px;
        height: 7vh;
    }
    .navigation img {
        margin-left: 0;
    }
    
    .first {
    background-size: cover;
    background-position: center center;
    }

    .second {
        background-size: auto;
        background-position: center center;
        margin-top: -15px;
    }
    
    .bod .container-fluid {
        padding: 20px 10px 0px 10px;
        height: auto;
    }
}

@media screen and (max-width:376px) {
     .card-group {
/*        height: 600px;*/
/*         margin-top: 100px;*/
/*        z-index: -1;*/
    }
    
    .btn_bits_success_rounded_2x {
        margin-top: 15%;
        margin-left: 30%;
    }
    
    .navigation img {
        margin-left: 0;
    }
    
    .footer {
/*        margin-top: 100px*/
    }
}

@media screen and (max-width:376px), screen and (max-height:667px) {
     .card-group {
/*        height: 600px;*/
/*         margin-top: 100px;*/
/*        z-index: -1;*/
    }
    
    .btn_bits_success_rounded_2x {
        margin-top: 15%;
        margin-left: 30%;
    }
    
    .navigation img {
        margin-left: 0;
    }
    
    .footer {
/*        margin-top: 190px*/
    }
}

@media screen and (max-width:360px) {
    .welcome {
        /* margin-bottom: 140px */
    }
    
    .btn_bits_success_rounded_2x {
        margin-top: 15%;
        margin-left: 30%;
    }
}

@media screen and (max-width:320px) {
    .welcome {
        /* margin-bottom: 170px */
    }
    .navbar {
        height: 10px;
    }
    
    .navigation .navbar-toggler {
        margin-top: -10px;
        margin-left: 220px;
    }
    
    .navbar-brand {
        height: 10px;
    }
    
    .navigation {
/*    padding: 8px;*/
    height: 10vh;
        margin-bottom: 20px;
}
    
    .card-group {
/*        margin-top: 120px;*/
/*        height: 500px;*/
/*        z-index: -1;*/
    }
    
    .footer {
/*        margin-top: 150px*/
    }
}



/** giled**/

.para2 a:hover {

    color: #996633;
 }

.para2 a {
    color: #ff6600;
}