/*our values */
/*color:#FF6347;  1E90FF  ,#0072BB*/



@font-face {
    font-family: "DIN Alternate"; 
    src:url("/DINAB.ttf");
    src:url("/DINAB.ttf")format("woff");
    src:url("/DINAB.ttf")format("truetype");
    font-weight:bold;
    font-style: normal;
}



#first
{
    background-color:	#00FFFF	;
    margin-top:50PX;
   
}



#evaluation
{background-color:#FFF8DC;
}



#evaluation
{background-color:#8FBC8F;
}




<--Our values
@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.mhead {
  width: auto;
  padding: 8% 0 0;
  margin: auto;
  background-color:	F4A460;
}
.mheadcont {
  position: relative;
  z-index: 1;
  background-color:	F4A460;
  max-width: auto;
  margin: 0 auto 50px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 0 20px 0 , 0 5px 5px 0 ;

}


.mwlcm {
  width: 300px;
  padding: 8% 0 0;
  margin: auto;
  
}
.mwlcmcont {
  position: relative;
  z-index: 1;
 
  max-width: 300px;
  margin: 0 auto 50px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 0 20px 0 , 0 5px 5px 0 ;

}



.mwrh {
   position: relative;
  z-index: 1;
 
  background-color:#FF6347;
  max-width: auto;
  margin: 0 auto 50px;
  padding: 10px;
  text-align: center;
  box-shadow: 0 0 20px 0 , 0 5px 5px 0 ;
  height:210px;
  color:black;

}
.mwrhcont {
  position: relative;
  z-index: 1;
 
  background-color:#FF6347;
  max-width: auto;
  margin: 0 auto 50px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 0 20px 0 , 0 5px 5px 0 ;
  color:FF6347;

}




.service {
  position: relative;
  z-index: 1;
 
  background-color:#1E90FF;
  max-width: auto;
  margin: 0 auto 50px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 0 20px 0 , 0 5px 5px 0 ;
  

}


.servicecnt {
  position: relative;
  z-index: 1;
 
  background-color:#E3E4E6;
  max-width: auto;
  margin: 0 auto 50px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 0 20px 0 , 0 5px 5px 0 ;
  color:#E3E4E6;
  

}


.servicecnt2 {
  position: relative;
  z-index: 1;
 
  background-color:#E3E4E6;
  max-width: auto;
  margin: 0 auto 50px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 0 20px 0 , 0 5px 5px 0 ;
  color:#E3E4E6;
  height:260px;
  

}


.mhead {
  position: relative;
  z-index: 1;
 
  background-color:#0072BB;
  max-width: auto;
  margin: 0 auto 50px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 0 20px 0 , 0 5px 5px 0 ;
  color:0072BB;

}


.mevalu {
  position: relative;
  z-index: 1;
 
  background-color:#0072BB;
  max-width: auto;
  margin: 0 auto 50px;
  padding: 15px;
  text-align: left;
  box-shadow: 0 0 20px 0 , 0 5px 5px 0 ;
  color:0072BB;

}


#m {
  width: 300px;
  padding: 8% 0 0;
  margin: auto;
  background-color:#FFFCEB;
  
}

.mstrength {
  position: relative;
  z-index: 1;
 
  background-color:#0072BB;
  max-width: auto;
  margin: 0 auto 50px;
  padding: 15px;
  text-align: center;
  box-shadow: 0 0 20px 0 , 0 5px 5px 0 ;
  color:0072BB;
  height:160px;

}