*{
	margin: 0;
	padding: 0;
}

a:link, a:visited{
  
  text-decoration: none;
  color: grey;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

.scemLogo{
	height: 70px;
}

.menuOther{
	width: 550px;
  padding: 0 0 0 45px;
  font-size: 15px;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400;
	color: grey;

 
}

.bg-light{
	background-color: none !important;
}

#expertiseMainContainer{
	display: flex;
}

.mainImageContainer{
	width: 40%;
}
.expertiseImage{
	width: -webkit-fill-available;

}
#companyDetail4{
	height: auto;
	background-color: white;
	display: flex;
	flex-direction: column;
  padding: 5%;
  width: 60%;
}

.bigWords{
	font-size: 65px;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
	color: grey;
	display: flex;
	justify-content: center;
}



.smallWords{
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: grey;
	display: flex;
	justify-content: center;

}


/*.infoGraphic:hover{
	width: 500px;
}*/

.iG{
	width: 100%;
}

.mainInfoGraphicContainer2{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-evenly;
	padding: 0 20px 20px 20px;
}
.infoGraphic2{
	width: 350px;
}


#companyDetail2{
	width: 100%;
	height: auto;
	background-color: white ;
	display: flex ;
	padding: 0 5%;
}

.D2-left{
	width: 55%;
}

.D2-right{
	width: 45%;
}


.D2Image, .D2-leftImageContainer{
	width: 100%;
	height: auto;
	padding: 0 1% ;
}

.D2-right{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 5%;
}

.midWords{
	font-size: 40px;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
	color: grey;
	display: flex;
	/*color: #be1e2d;*/

}

#companyDetail3{
	width: 100%;
	height: auto;
	background-color: white;
	padding: 1% 5%;
	display: flex;
	justify-content: center;
}

.D3picContainer{
	width: 25%;
	height: auto;
	padding: 1%;

}



.D3pic{
	width: 100%;
	height: auto;
}

.footer1{
	width: 100%;
	height: 200px;
	background-color: #6d6e71;
	display: flex;
	justify-content: center;
	padding: 0 5%;

}

.footer2{
	width: 100%;
	height: 50px;
	background-color: black;
	display: flex;
	justify-content: center;
	
}
 .footerContainer{
	width: 33%;
}

.footerLogo{
	max-width: 100%; height:150px;  
	padding: 20px 0 0;
}

.footBigWords{
	font-size: 25px;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 600;
	color: white;
	padding: 12% 10% 0px 10%
}

.footSmallWords{
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: white;
	padding: 0 10% ;

}

.footLitWords{
	font-size: 12px;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 300;
	color: grey;
	padding-top: 10px;
}

.engineerMainContainer{
	display: flex;
	flex-direction: column;
}

mainImageContainer{
	width: 100%;
}

}



@media (max-width: 1230px) {	
	.carousel-content-small {
	font-size: 50px;  
}
.smallWords{
	font-size: 20px;
}
.midWords{
	font-size: 35px;
}
}


@media (max-width: 1040px) {	
	.carousel-content-small {
	font-size: 35px;
}
.bigWords{
	font-size: 50px;
}
.smallWords{
	font-size: 15px;
}

.menuOther{
	
  font-size: 10px;
	
}

@media (max-width: 750px) {
.bigWords{
	font-size: 40px;
}
.smallWords{
	font-size: 12px;
}
.midWords{
	font-size: 25px;
}
.footBigWords{
	font-size: 15px;
}
.footSmallWords{
	font-size: 9px;
}

.footLitWords{
	font-size: 9px;
}

}

@media (max-width: 600px) {	


.bigWords{
	font-size: 30px;
}
.smallWords{
	font-size: 10px;
}
.midWords{
	font-size: 20px;
}

.carousel-content-small {
	font-size: 25px;
}
.mainInfoGraphicContainer{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
}
.infoGraphic{
	display: flex;
	justify-content: center;
	padding: 10px;
}
.iG{
	width: 80%;
}
.mainInfoGraphicContainer2{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
}
.infoGraphic{
	display: flex;
	justify-content: center;
	padding: 10px;
}

.infoGraphic2, .extraContainer, .infoGraphic2Container{
    display: flex;
    justify-content: center;
}


#companyDetail4, .mainImageContainer {
    width: 100%;
}


#expertiseMainContainer {
    display: flex;
    flex-direction: column;
}
}


@media (max-width: 500px) {	
	.carousel-content-small {
	font-size: 15px;
}
.bigWords{
	font-size: 25px;
}
.smallWords{
	font-size: 7px;
}
.midWords{
	font-size: 20px;
}
.footBigWords{
	font-size: 12px;
}
.footSmallWords{
	font-size: 7px;
	text-decoration: none;
}

.footLitWords{
	font-size: 7px;
}
.footer1{
	height: 180px;
}

}

