@charset, 'utf-8';


.blog-content{
	 border: solid thin transparent;
	 min-height: 500px;
	 width: 80%;
	 margin: 0px auto;
 }
 
 .container {
      max-width: 90%;
      margin: 52px auto 10px auto;
      background: #fff;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
		
  .header {
      text-align: center;
      margin-bottom: 20px;
  }
  
  .header h1 {
       
	  color: #333;    
      position: relative;
      left: 2%;
      top: 20%;
  }
  
  .post {
      margin-bottom: 40px;
  }
  
  .post-title {
      font-size: 2em;
      margin: 19px auto;
      text-align: center;
	  color: #666;
	  font-size: 28px;
      font-family: cursive;
  }
  
  .post-date {
      color: #888;
      font-size: 0.9em;
      margin-bottom: 20px;
  }
  

  .post-content {
      font-size: 1.1em;
      line-height: 1.6;
	  
  }
  
  
    .post-content h2{
	  color: #6a6161;
	  }
	  
 .post-content h3 {
     color: #6A6104;
     } 
  
  
  .post{
	/* border: solid thin; */
    min-height: 100%;
    padding: 8px;
	margin-bottom: 40px;
	  
  }
  
  
  /* Styles for small devices */
 @media  (max-width: 767px) {
  .header h1  {
       top: 7%;
    
 }