@charset "utf-8";
/* CSS Document */
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');








/* header design  */
* {box-sizing:border-box; font-family: 'Roboto';}
.bg-primary{ background-color:rgba(226,109,92,1.00) !important}
.bg-cmgray{ background-color:rgba(165,184,193,1.00) !important}
.bg-cmsecondary{ background-color:rgba(253,208,169,1.00) !important}
a {box-sizing:border-box; font-family: 'Roboto'; text-decoration: none}
ul li a{color:#3B3A3A}
ul li a:hover{color:rgba(226,109,92,1.00)}
.brandlogo { width:150px; height: auto; margin: 1rem}
header{min-height:200px}

.bgboday::before{content: "";      background-image: url('img/CM_color_logo.png');
	background-repeat: repeat;
     z-index: -2;
      position: absolute;
	background-size: 100px;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.07;}
.bg-gray{ background-color:#a5b8c1 !important;  }
.bg-primary{ background-color:#e26d5c !important;  }
.banner{background:#e56a58 url("../images/banner.jpg") no-repeat top ;min-height: 150px; padding: 20px}
/* off canves menu */

.flexitem{ padding: 1rem; width: 50%;
  margin: 10px; box-sizing: border-box; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; text-align: center; background: #ffffff}

.flexitem:hover{transform: scale(1.2); transition: all .5s }
.service h5{ }
.service{  justify-content: space-between;}
.service h1{ }
.leftnavi{width:20%}
@media only screen and (max-width: 600px){
	.table{ font-size:11px;
	}
.service{  flex-direction:column;}
.flexitem{  width: 100%}
	.brandlogo{width:100px; height: auto; }
	
	.banner{background:#e56a58 url("../images/banner.jpg") no-repeat top ;min-height: 200px}
	.titlehead{  padding-top: 20px}
	.leftnavi{width:100%}
	.flex-dispaly{flex-direction: column !important}
}