@media only screen and (max-width: 1500px) and (min-width: 1500px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 1500px;
        height: 670px;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 1200px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 1200px;
        height: 670px;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 1024px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 1024px;
        height: 670px;
    }
}
@media only screen and (max-width: 992px) and (min-width: 992px)  {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 992px;
        height: 670px;
    }
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 768px;
        height: 670px;
    }
}
@media only screen and (max-width: 570px) and (min-width: 570px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 570px;
        height: 670px;
    }
}
@media only screen and (max-width: 540px) and (min-width: 540px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 540px;
        height: 670px;
    }
}
@media only screen and (max-width: 411px) and (min-width: 411px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 411px;
        height: 670px;
    }
}
@media only screen and (max-width: 414px) and (min-width: 414px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 414px;
        height: 670px;
    }
}
@media only screen and (max-width: 375px) and (min-width: 375px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 375px;
        height: 670px;
    }
} 
@media only screen and (max-width: 360px) and (min-width: 360px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 360px;
        height: 670px;
    }
} 
@media only screen and (max-width: 320px) and (min-width: 320px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 320px;
        height: 670px;
    }
}
@media only screen and (max-width: 280px) and (min-width: 280px) {
    #Background{
        background-image: url('../images/Background/header.jpg') ;
        background-attachment: fixed;
        /* background-attachment: scroll; */
        background-position: center;
        background-size: cover;
        width: 280px;
        height: 670px;
    }
}
#BodyCon{
    background-image: url("images/01.jpg");
}

#para{
     font: 1rem/1.56 /*ubuntu,Verdana,Arial,sans-serif*/;
    font-family: "Open Sans",sans-serif;
    letter-spacing: 1.2px;
    color: #000;
}
#space{
    height: 200px;
}
/*
body{
    background-image: url("../images/newSlider.png");
    background-attachment: fixed;

    ctaBg
}*/
/*
#HighTech{
    background-image: url("../images/ctaBg.png");
    width: 2000px;
    height: 250px
}*/
#paraJust{
  text-align: justify;
  font-size: 16px;
  line-height: 190%;
}

#Left_P{
    padding-left: 20px 
}



#h1Style{
    /* color: #093877; */
    color: #df7620;
    /*
    font-size: 75px; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    */
    font: 35px/1.4 ubuntu-bd,Verdana,Arial,sans-serif;
    font-weight: 700;
    margin: 0;
    padding-bottom: 2px;
    padding: 3px 6px 8px 0;
    
}
@media only screen and (max-width: 1200px) {
    #h1Style{      
        /* color: #093877; */
        color: #df7620;
        font: 1.75rem/1.4 ubuntu-bd,Verdana,Arial,sans-serif;
        font-weight: 700;
    }
  }
@media only screen and (max-width: 992px) {
    #h1Style{      
        /* color: #093877; */
        color: #df7620;
        font: 1.75rem/1.4 ubuntu-bd,Verdana,Arial,sans-serif;
        font-weight: 700;
    }
}
@media only screen and (max-width: 768px) {
    #h1Style{   
        /* color: #093877; */
        color: #df7620;
        font: 1.75rem/1.4 ubuntu-bd,Verdana,Arial,sans-serif;
        font-weight: 700;
    }
}

#VMobile{
    width:90%;
    margin:auto;
    min-width:100px;
    max-width:600px;
}

#FWidth{
    width: 200px;
} 

@media only screen and (max-width: 768px) {
    .SearchStyle{   
        text-align: center;
    }
}


@media only screen and (max-width: 768px) {
    #h1Style{   
        /* color: #093877; */
        color: #df7620;
        font: 1.75rem/1.4 ubuntu-bd,Verdana,Arial,sans-serif;
        font-weight: 700;
    }
}

#BTStyle{
    color:#3788E9; 
    display: inline-block; 
    font-size: 90%; 
    font-weight: bold;
}

#MenuStyle{
    color: rgb(55,136,233) !important; 
    font: 1rem/1.56 ubuntu,Verdana,Arial,sans-serif !important;
}

#Noir{
    background-color: #222222;
}

#Bleu{
    background-color: rgb(55, 136, 233);
}

#Background{
    background-image: url('../images/Background/header.jpg') ;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 670px;
} 

/* About Us */
.body{
    margin: 0;
    padding: 0;
    font-family: "Open Sans",sans-serif;
    box-sizing: border-box;

    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #f1f1f1; */
}

.about-section{
    /* background: url(../images/Background/04.jpg) no-repeat left; */
    background: url(../images/Background/04.jpg) no-repeat right; 
    background-size: 55%;
    background-color: #fdfdfd;
    overflow: hidden;
    padding: 152px 0;
}

.inner-container{
    width: 55%;
    /* float: right; */
    float: left; 
    background-color: #fdfdfd;
    padding: 150px;
}

.inner-container h1{
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 900;
}

.text{
    font-size: 16px;
    color:black !important; 
    line-height: 30px;
    text-align: justify;
    margin-bottom: 40px;
   
}

.skills{
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    font-size: 13px;
}

@media screen and (max-width:1200px){
    .inner-container{
        padding: 80px;
    }
}

@media screen and (max-width:1000px){
    .about-section{
        background-size: 100%;
        padding: 100px 40px;
    }
    .inner-container{
        width: 100%;
    }
}

@media screen and (max-width:600px){
    .about-section{
        padding: 0;
    }
    .inner-container{
        padding: 60px;
    }
}
/* End About Us */

@media only screen and (max-width: 992px) {
    #SpaceFooter{
      height: 300px;
    }
  }

@media only screen and (max-width: 768px) {
  #SpaceFooter{
    height: 800px;
  }
}

#colorOfInput{
    color: rgb(55,136,233)
}

.texte_centrer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-80%, -50%);
    color: #063877;    
    size: 35px;
    line-height: 30px;  
    top: 400px;
    bottom: -200; 
}

@media only screen and (max-width: 1024px) and (min-width: 1024px) {
    .texte_centrer {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-90%, -90%);
        color: #063877;
        size: 15px;  
             
    }
}

@media only screen and (max-width: 768px) {
    .texte_centrer {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -40%);
        color: #063877;
        size: 15px;     
        
    }
}

@media only screen and (max-width: 600px)  {
    .texte_centrer {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -20%);
        color: #063877;
        size: 15px;       
    }
}

@media only screen and (max-width: 320px)  {
    .texte_centrer {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -10%);
        color: #063877;
        size: 15px;       
    }
} 


#H1index{
    font-family: Gotham bolder ;
    font-size: 65px;
}


#H1index{
    font-family: Gotham bolder ;
    font-size: 65px;
}

#ParaIndex{
    font-family: Gotham bolder; 
    font-size: 30px;
    color: white;
    line-height: 1.5;
}

@media only screen and (max-width: 768px) {
    #H1index{
        font-family: Gotham bolder ;
        font-size: 35px;
    }
   
    #ParaIndex{
        font-family: Gotham bolder; 
        font-size: 20px;
    }
}

@media only screen and (max-width: 1024px)   {
   #maps{
        width:800px;
        height:450px;
   }
}

@media only screen and (max-width: 768px) {
    #maps{
        width:400px;
        height:250px;
   }
}