body{
	margin: 0px ;
	padding: 0px
}
#navbar{
	background-color: #C60505;
	height: 63px ;
	position: fixed 
}
#logoimg{
	height: 82px ;
	width: auto 
}
@media(max-width:1200px) {
    #logoimg {
      	height: 50px ;
    };
}
@media(max-width:1000px) {
    #logoimg {
        height: 30px ;
    };
}
#logo{
	display: block ;
	position: relative ;
	bottom: 15px
}
@media(max-width:1200px) {
    #logo {
        display: block ;
        position: relative ;
        top:0px ;
    };
}
 

.navtext{
    position: relative;
    top: 7px;
    color: #ffffff;
    margin: 10px;
    font-weight: bold;
    font-size: 18px;
}
@media(max-width:1100px) {
    .navtext {
        margin: 0px ;
        font-size: 15px
    };
}
@media(max-width:767px) {
    .navtext {
        margin: 10px ;
    };
}
#myNavbar{
	background-color: #C60505 
}
#navbutton{
	background-color: #ffffff ;
	position: relative ;
	top: 4px 
}
#backgroundimg{
	padding-top: 60px ;
    padding-left: 0px ;
    padding-right: 0px
}
.intro-header{
    text-align: center ;
    color: #ffffff ;
    background: url(a1.jpg) no-repeat center center ;
    background-size: cover
}
#hr1{
    color: #ffffff ;
    width: 75%
}
#textabout{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 25px ;
}
@media(max-width:767px) {
    #textabout {
        font-size: 25px;
    };
}
@media(min-width:1000px) {
    #textabout {
        font-size: 30px;
        font-weight:500
    };
}
#h1about{
	font-weight: bold ;
	font-family: 'Open Sans', sans-serif
}
#aboutintro{
	position: relative ;
    padding-top: 7% ;
    padding-bottom: 10% 
}
@media(min-width:767px) {
    #h1about {
        font-size: 30px;
    };
}
@media(min-width:800px) {
    #h1about {
        font-size: 50px;
    };
}
@media(min-width:992px) {
    #h1about {
        font-size: 75px;
    };
}
@media(min-width:1200px) {
    #h1about {
        font-size: 100px;
    };
}
#social{
    text-align: center ;
    background-color: #0e0f0f ;
    border-top: 1px solid #ffffff
}
.folowimg{
    height: 50px ;
    width: auto ;
    margin-top: 20% ;
    margin-bottom: 20%
}
#folowh1{
    color: #ffffff ;
    font-size: 30px ;
    font-weight: bold ;
    font-family: 'Open Sans', sans-serif
}
#about{
    padding-top: 3% ;
    padding-bottom: 3% ;
    text-align: center
}
#aboutbutton{
    font-size: 30px ;
    font-weight: bold ;
    background-color: #C60505 ;
    margin-top: 3% ;
    color: #ffffff
}
@media(max-width:500px) {
    #aboutbutton {
        font-size: 25px;
    };
}
.description{
    font-size: 20px ;
    margin-top: 3%
}
#services{
    background-color: #545454;
    text-align: center
}
#servicerow{
    margin-top: 1% ;
    margin-bottom: 3%
}
.serviceh3{
    margin-top: 3% ;
    margin-bottom: 5% ;
    font-size: 30px ;
    color: #ffffff
}
.servicep{
    font-size: 20px ;
    color: #ffffff
}
#col1{
    background: url(e2.jpg) no-repeat center center ;
    background-size: cover ;
    border: 1px solid #ffffff ;
    width: 100% ;
    padding: 3% 5% 3% 5%
}
#col2{
    background: url(e3.jpg) no-repeat center center ;
    background-size: cover ;
    border: 1px solid #ffffff ;
    width: 100% ;
    padding: 3% 5% 3% 5% 
}
#col3{
    background: url(e4.jpg) no-repeat center center ;
    background-size: cover ;
    border: 1px solid #ffffff ;
    width: 100% ;
    padding: 3% 5% 3% 5%
}
#more1 , #more2 , #more3{
    padding: 1% 5% 1% 5% ;
    font-size: 20px ;
    font-weight: bold ;
    margin-bottom: 7% ;
    margin-top: 5% 
}
.allh1{
    font-size: 50px ;
    font-weight: bold ;
    color: #FFFFFF ;
}

.allh2{
    font-size: 50px ;
    font-weight: bold ;
    color: #C60505 ;
}
@media(max-width:500px) {
   .allh1{
        font-size: 40px;
    };
}
.servicep{
    font-size: 20px ;
    color: #ffffff
}
#demo{
    font-size: 30px ;
    font-weight: bold ;
    color: #ffffff ;
}
#servicebutton{
    font-size: 30px ;
    font-weight: bold ;
    background-color: #C60505 ;
    margin-top: 1% ;
    margin-bottom: 3% ;
    color: #ffffff
}
#enterprise{
    text-align: center ;
    background: url(b.jpg) no-repeat center center ;
    background-size: cover ;
}
#enterprisep{
    font-size: 20px ;
}
#enterprisebutton{
    font-size: 30px ;
    font-weight: bold ;
    background-color: #C60505 ;
    margin-top: 3% ;
    margin-bottom: 7% ;
    color: #ffffff
}
#contact{
    background-color: #272727 ;
    color: #cccccc ;
    text-align: center ;
    padding-top: 1% ;
    padding-bottom: 4%
}
.contact1{
    font-size: 20px ;
    margin-top: 5%
}
#fotter{
    text-align: center ;
    margin-top: 3%
}