body {
	font-family: 'montserrat','Helvetica Neue',Arial,Helvetica,sans-serif;
}

h1 {
	font-size: 3em;
	color: #011e41;
}

canvas {
	  margin-right: auto;
	  margin-left: auto;
    margin-top: 50px;
   } 


.blog-basics {
  text-align: right;  
  font-family: 'Chivo', sans-serif;
  color: #6d6c6c;
}

#total-posts {
  font-size: 4.2em;
  line-height: .8em;
  margin-top: 100px;
}

.details {
  font-size: 1.5em;
  margin-top: 0;
}

  	.item {
  		height: 320px;
  		border: 1px solid #e6e6e6;
  		border-radius: 3px;
  		margin-bottom: 20px;  	
  		
  		background:  no-repeat center; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
  		background-color: #fff;
        position: relative;
        overflow: hidden;
        padding:2px;
        border: 5px solid #fff;
  	}

  	.item-head {
  		background-color: #fff;
  		width: 100%;
  	}

	.author {
		display: inline-block;
		width: 58px;
		height: 78px;		
		background-color: #fff;
		border: 0;
		margin:0;
	}

	.item img {
		width: 55px;
		height: 55px;
		border-radius: 50%;
		position: absolute;
		margin: 10px 5px;
    top:0;
	}

  img.screenshots {
    width: 100%;
    height: auto;
    border-radius: 0;
  }


  	.excerpt {  		
  		width: 100%;
  		height: 135px;
  		text-decoration: none;
  		position: relative;
  		display: block;
  		margin-top: 80px;
  		background-color: rgba(255,255,255,1);
  		padding: 10px 5px;
  		overflow: hidden;
  	}

  	.excerpt p {
  		width: 95%;
  		text-overflow: ellipsis;
  		overflow: hidden;
  		margin: 0;
  		padding: 0;
  		text-decoration: none;
  	}

  	a {
  		color: #424242;
  		text-decoration: none;
  	}

    .item a:hover {
      text-decoration: none;
    }

  	.item h2 {
      font-family: 'Chivo', sans-serif;
  		font-size: 1.8em;
  		font-weight: 400;
  		padding: 5px 0 0 10px;  
  		text-decoration: none;	
  		display: inline-block;	
  		width: 80%;
  		height: 50px;
  		text-overflow: ellipsis;
  		white-space: nowrap;
      	overflow: hidden;
      	margin-top: 8px;
      	position: absolute;
      	left: 55px;
      	top:10px;
        color: #fff;
  	}

/* stats display */
    .stats {
      padding: 15px;
      color: #fff;
    }




@media only screen and (max-width: 380px) {
    /* For mobile phones: */
    .container, #posts {
    	width: 100%;
    }
    .item{
        width: 100vw;
    }
    .item h2 {
    	width: 50vw;
    	font-size:1.2em;
    }
}