.backImg {
    height: 100vh;
    background-image: url(./images/coding.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size:cover;
 
    }

    .site-footer {
        background-color: rgb(255, 145, 0);
    }
    h1,.h2,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,p{
        margin-bottom:0.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}
    .slider-text{
        color:gold;
        height:500px;
       
    } 
  h3{
    color: gold;
  }
    .color {
        color:gold;
    }
   .active{
        color: gold;
        opacity: 0.8;
    }
    .slider-item .slider-text{
        color: gold;height:calc(50vh - 117px);min-height:550px
    }

    .btn-outline-white{
        border:2px solid #fff;
        text-transform:uppercase;
        font-size:14px;
        font-weight:bold;
        border-radius:0px;
        padding:10px 20px;
        color: gold
    }
    .space{
        margin-top: 80px;
        margin-bottom: auto;
    }
    .space2{
        margin-top: 30px;
    }
    .service .icon{
        font-size:3rem;color:gold;
    }
    .contactme {
        color: gold;
        font-size: 30px;
        font-weight: bold;
        margin-right: 10px;
    }
   
   a:hover{
       color:rgb(95, 136, 91);
   }
  
    .btn-outline-black {
        border:3px solid gold;
        border-radius: 10px;
        text-transform:uppercase;
        font-size:14px;
        padding:10px 20px;
        color:#000;
    }
    .form-control{
        background-color:#fff;
        border-color:#dcdcf0;
        outline:0;
        border:3px solid gold;
    }
    .size {
        width: 465;
         height: 317 !important;
    }
    
  
    .work-thumb{
        display:block;
        position:relative
    }
    .work-thumb img{
        border:10px solid gold
    }
    .work-thumb .work-text{
        color: gold;
        text-align:center;
        position:absolute;
        top:50%;
        left:50%;
        width:90%;
        margin-top:20px;
        -webkit-transition:.3s all ease;
        -o-transition:.3s all ease;
        transition:.3s all ease;
        opacity:0;visibility:hidden;
        -webkit-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%)
    }
    .work-thumb .work-text h2{
        color: gold;
        font-weight:300;
        margin-bottom:0;
        font-size:1.5rem
    }
    .work-thumb:before{
        content:"";
        background:rgba(0, 0, 0, 0.5);
        position:absolute;
        -webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;
        opacity:0;
        visibility:hidden;
        top:10px;left:10px;right:10px;bottom:10px
    }
    .work-thumb:hover .work-text{
        margin-top:0px;
        opacity:1;
        visibility:visible
    }
    .work-thumb:hover:before{
        opacity:1;
        visibility:visible
    }
    .divider{
        width:70px;height:6px;
        background:#000;
        display:inline-block;
        position:relative;
        -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    .quick-contact{
        color:gold
    }
    .block-fixed{
        position:sticky;
        position:-webkit-sticky;
        top:0
    }
    .color2{
        background-color:gold;
       
    }
    .color2:hover{
        color:rgb(138, 104, 139);
    }
    .btn-outline-white:hover{
        color: gold;
    }
    .linkcolor:hover{
        color:rgb(138, 104, 139);
    }
    @media (min-width:100px){
        .space {
            margin-top: 5px;
        }
        .move{
            padding: 5px;
           }
        h3,h2{font-size:0.7rem!important;}
        p{font-size:0.55rem!important;}
        .btn-outline-white {
            border: 2px solid gold;
            text-transform: uppercase;
            font-size: 8px;
            font-weight: bold;
            border-radius: 0px;
            padding: 1px 2px;
            color: rgb(121, 28, 28);
        }
        .mr-2, .mx-2 {
            margin-right: 0.1!important;
        }
    }
    @media (min-width:250px){
        .container{max-width:540px}
        h3{font-size:1.1rem;}
        .btn-outline-white {
            border: 2px solid #fff;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: bold;
            border-radius: 0px;
            padding: 7px 9px;
            color: #fff;
        }
        .mr-2, .mx-2 {
            margin-right: .5rem!important;
        }
    }
    @media (min-width:575px){
       
        h3,h2{font-size:0.90rem!important;
            font-weight: bold;}
        p{font-size:0.75rem!important;}
        .btn-outline-white {
            border: 2px solid #fff;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: bold;
            border-radius: 0px;
            padding: 5px 7px;
            color:#fff;
        }
        .mr-2, .mx-2 {
            margin-right: .5rem!important;
        }
    }
    @media (min-width:770px){
       
        h3,h2{font-size:1.05rem!important;
            }
            h2{
                font-weight: bold;
            }
        p{font-size:0.9rem!important;}
        .btn-outline-white {
            border: 2px solid #fff;
            text-transform: uppercase;
            font-size: 11px;
            font-weight: bold;
            border-radius: 0px;
            padding: 8px 10px;
            color:#fff;
        }
        .mr-2, .mx-2 {
            margin-right: .5rem!important;
        }
    }
    .btn-outline-white-home {
        border: 2px solid #fff;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        border-radius: 0px;
        padding: 10px 20px;
        color: #fff;
    } 
    @media  (min-width:250px){
        .move{
         padding: 20px;
        }
    
    }
    @media (min-width:576px){.container{max-width:540px}}
    @media (min-width:768px){.container{max-width:720px}}
    @media (min-width:992px){.container{max-width:960px}}
    @media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
    @media (min-width:576px){.container{max-width:540px}}
    @media (min-width:768px){.container{max-width:720px}}
    @media (min-width:992px){.container{max-width:960px}}
    @media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;
    }