article{
	display: grid;
	grid-template-columns: 1fr  0.5in [start] 10%  70% 10%[end] 0.5in 1fr;
	
	padding: 0.5in 0
}
article * {grid-column: start/end}

@media (max-width: 9.5in){
	article{grid-template-columns: 1fr  0.5% [start] 15% 60% 15% [end] 0.5% 1fr;
	
	}
}

.image-size-4{grid-columns: 4/5;}
.image-size-3{grid-columns: 3/6;}
.image-size-2{grid-columns: 2/7;}
.image-size-1{grid-columns: 1/8;}
.image-size-1 img,.image-size-2 img,.image-size-3 img,.image-size-4 img{width:100%}

article h2, article p{ }
article li{font-size:1rem;}
article h1{font-size:2.5rem;}
article h2{font-size: 1.5rem;}
article h3{font-size: 1.2rem;}
article time{font-size:  1rem;}
article p{font-size:1rem;}

article a{ color: red; !important}


figcaption{
	text-align: center;
}
figcaption p{
	color: hsl(000,0%,50%);}
}

figure *{
	display: block;
	margin-bottom:0%;
}
.share{
	
	
}
.share img{
	float: right;
	background-color: rgba(255,255,255, 95%);
	margin:0.75rem;
	width: 2.5rem;
	height: 2.5rem;	
	border-radius:50%;
	cursor:pointer;
	
}
.share img:hover{
	background-color: red;
}
.follow {
	float: left;
}
.follow img{
	
	background-color: rgba(255,255,255, 95%);
	margin:0.75rem;
	width: 2.5rem;
	height: 2.5rem;	
	border-radius:50%;
	cursor:pointer;
	
}
.follow img:hover{
	background-color: red;
}