*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* ---------------------------------------header--------------------------------------------- */
header{
    background-color: #142954;
    height: auto;
}
header .col-md-6 h2{
    line-height: 60px;
}
header .col-md-6 h4{
    line-height: 60px;
}
/* -----------------------------------header------------------------------------------- */
/* ------------------------------banner------------------------------------------------ */
main{
    background: linear-gradient(rgba(6, 116, 206,0.4),rgba(103, 117, 143,0.4)) ,url(../img/bannerimg.jpg) fixed no-repeat;
    width: 100%;
    height: auto;
    background-position: center center;
    background-size: 100%;
}
main .col-md-7{
    padding: 100px;
}
main .col-md-5{
    background-color: #153159;
    padding: 30px;
}
/* ----------------------------------banner----------------------------------- */
/* ----------------------------------Innovations----------------------------------- */
#innovations p{
    word-break: break-all;
}
/* ----------------------------------Innovations----------------------------------- */
/* ----------------------------------abouts us----------------------------------- */
#aboutus{
    background-color: #142954;
}
#btn{
    border: 2px solid white;
    color: white;
    background-color: #142954;
    padding: 10px 100px;
    font-weight: bold;
    margin-top: 20px;
}
/* ----------------------------------abouts us----------------------------------- */
/* ----------------------------------lorem----------------------------------- */
#lorem p{
    word-break: break-all;
}
/* ----------------------------------lorem----------------------------------- */
/* ----------------------------------footer----------------------------------- */
footer{
    background-color: #142954;
    color: white;
    text-align: center;
    height: 80px;
}
footer h4{
    line-height: 80px;
}
/* ----------------------------------footer----------------------------------- */
/* max-width 992px */
@media screen and (max-width:991px) {
    header h2{
        font-size: 18px;
    }
    header h4{
        font-size: 15px;
    }
    header span{
        font-size: 15px;
    }
     /* hearder */
    /* banner */
   main .col-md-7 h3{
    font-size: 30px;
   }
   main .col-md-7 h2{
    font-size: 30px;
   }
   main .col-md-7 h1{
    font-size: 30px;
   }
}
/* max-width 992px */
/* max-width 768px */
@media screen and (max-width:767px) {
    header .col-md-6{
        justify-content: center;
        text-align: center;
    }

}
/* max-width 768px */
/* max-width 576px */
@media screen and (max-width:576px) {
    header .col-md-6{
        justify-content: center;
        text-align: center;
    }
    header h2{
        font-size: 15px;
    }
    header h4{
        font-size: 12px;
    }
    header span{
        font-size: 12px;
    }
    /* hearder */
    /* banner */
    main .col-md-7 h3{
        font-size: 20px;
       }
       main .col-md-7 h2{
        font-size: 20px;
       }
       main .col-md-7 h1{
        font-size: 20px;
       }


}
/* max-width 576px */