body {
		    background: #ffffff;
		    font-family: 'Roboto', sans-serif;
		    font-weight: 400;
		    position: relative;
		  }


		html, body {
		     width: 100%;
		     overflow-x: hidden;
		  }

		h1, h2, h3, h4 {
		  font-weight: bold;
		}

		.heading {
		  font-size: 20px;
		}
		.bold {
		  font-weight: bold;
		}

		.section-title strong {
			color: #00C6D7;
		  	font-size: 56px;
		}

		.section-title h1 {
			font-size: 24px;
		}

		.section-title {
		  padding-bottom: 32px;
		}

		.medium-icon {
		  font-size: 32px !important;
		}

		/* ==========================================================================
		work section
		========================================================================== */
		#work {
		    text-align: center;
			padding:10px 0px;
		}
		#work .col-md-4{
			margin-top:20px;
		}
		#work .fa{
			font-size:40px;
		}
		#work .inner_box {
		  width: 100%;
		  padding:30px 10px;
		  position: relative;
		  transition: all 0.4s ease-in-out;
		  background:#CCCCCC;
		}
		#work .inner_box:hover {
		  background-color: #d61e30;
		  color: white;
		  box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.20);
		}

		.inner_box p:hover {
			color: white;
		}

		#work h3 {
		  font-size: 18px;
		}

		.readmore{
			padding: 10px 35px;
			border:1px solid grey;
			background-color: #D4D4D4;
			font-size:15px;
			text-transform:uppercase;
			color:#000000;
		}
		.readmore:hover{
			text-decoration:none;
		}

		.readmore-link {
			color: black;
			font-size: 15px;
			border: 0.1px solid grey;
		}