/* Start Services */




/* <!-- Start Portfolio --> */

@media (min-width: 1200px)
.container {
  width: 1170px;
}


.special-heading {
	color: #ebeced;
	font-size: 50px;
	text-align: center;
	font-weight: 800;
	letter-spacing: -3px;
	margin: 0;
  }

.special-heading + p {
	margin: -30px 0 0;
	font-size: 20px;
	text-align: center;
	color: #797979;
  }


.portfolio {
	padding-top: var(--section-padding);
	padding-bottom: var(--section-padding);
	background-color: var(--section-background);
  }

  .about {
	padding-top: var(--section-padding);
	padding-bottom: calc(var(--section-padding) + 60px);
  }

  .contact {
	padding-top: var(--section-padding);
	padding-bottom: var(--section-padding);
	background-color: var(--section-background);
  }


  .portfolio .portfolio-content .card img {
	max-width: 100%;
  }
  img {
	border-style: none;
  }

  .portfolio .portfolio-content {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	grid-gap: 30px;
	margin-top: 80px;
  }

  .portfolio .portfolio-content .card {
	background-color: white;
  }

  /* <!-- End Portfolio --> */









  




  body{background-color:#f7f7f7;}
  .main-div{width:650px;
	   margin:20px auto;
	   background-color:#D3D1D1;
	   
  }
  
  
  
  
  
  
  
  * {
	  margin: 0;
	  padding: 0;
	}
	
	h2,
	p,
	a {
	  font-family: 'roboto', sans-serif;
	}
	
	a {
	  text-decoration: none;
	}
	
	.blog-posts-wrap {
	  width: 100%;
	  display: flex;
	  justify-content: center;
	  flex-wrap: wrap;
	}
	
	.post-link {
	  margin: 20px 20px 20px 20px;
	}
	
	.post-wrap {
	  display: flex;
	  flex-direction: column;
	  position: relative;
	  width: 400px;
	  background-color: #fff;
	  box-shadow: 0px 2px 20px rgba(0,0,0,.25);
	  transition: all .25s;
	  top: 0;
	  border-radius: 10px;
	  overflow: hidden;
	}
	
	.post-wrap:hover {
	  top: 2px;
	  box-shadow: 0px 0px 10px rgba(0,0,0,.25);
	}
	
	.post-image {
	  height: 200px;
	  background-repeat: no-repeat;
	  background-position: center;
	  background-size: cover;
	}
	
	.post-body {
	  width: 300px;
	  padding: 10px;
	  margin: 0 auto;
	}
	
	.post-body-primary {
	  margin: 40px 0 40px 0;
	}
	
	.post-meta {
	  color: #7B7B7B;
	}
	
	.post-meta b {
	  font-weight: 500;
	}
	
	.post-title {
	  color: #444;
	  font-size: 20px;
	  padding: 5px 0 10px 0;
	}
	
	.post-text {
	  color: #7B7B7B;
	}
	
	.post-body-secondary {
	  border-top: 1px solid #ECECEC;
	}
	
	.post-category {
	  color: #7B7B7B;
	  padding: 15px 0 10px 0;
	}
	
	/* Button Styling */
	.button-wrap {
	  display: flex;
	  justify-content: center;
	  margin: 20px 0 20px 0;
	}
	
   
	.button:hover {
	  border-radius: 10px;
	  box-shadow: 0px 2px 10px rgba(48,137,219,.60);
	  top: 2px;
	}




/* End Services */















/* Stat careers */

body{background-color:#f7f7f7;}
.main-div{width:650px;
 	margin:20px auto;
 	background-color:#D3D1D1;
 	
}


/* End careers */

























/* Start Blog */

@import url('https://s.googleapis.com/css?family=Roboto:400,700');



figure {
/*   width:30%; */
  position:relative;
  padding:5px;
}

figure img {
  width:100%;
  border-radius:3px;
}

figcaption.inside{
  position:absolute;
  top:20px;
  left:20px;
 }

figcaption.inside h2 {
  color:white;
}


.text-desc {
  font-size:14px!important;
/*       font-size: 16px !important; */
    line-height: 22px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: rgb(72, 72, 72) !important;
    font-weight: normal !important;
    margin-top: 0px !important;
}

.text-color {
  color:rgb(255, 180, 0)!important;
  font-size:12px!important;
}


/* End Blog */