#BlogOuterContainer {
	width:100%;
	margin:0 auto;
	display:grid;
	/* Width of columns different widths 15% 15% 15% / if it is same with use repeat(5(no of columns),1fr) */
	grid-template-columns: repeat(1,1fr);
	/* Gap in between products */
	grid-column-gap: 20px;
	float:left;
	padding-left:0%;
	padding-right:0%;
margin-top:10px;
}

#BlogIntro {
float:left;
width:100%;
border-bottom:solid 1px #ddd;
margin: 0px 0px 25px 0px;
padding: 0px 0px 5px 0px;
}

#BlogContent {
width:100%;
margin-top: 0px;
float:left;
}

#BlogLeftContainer {
width:100%;
float:left;
position:relative;
}

/*display for article navigation*/
#BlogRightContainer {
width:15%;
float:right;
margin-top:0px;
display:none;
}

#BlogRepeatContainer {
width:100%;
float:left;
margin-bottom: 30px;
position:relative;
}

#BlogTitleContainer {
width:100%;
float:left;
margin-top:10px;
margin-bottom:25px;
}

#BlogImgContainer {
width:100%;
position:relative;
float:left;
}

#BlogDateContainer {
width:60px;
height:60px;
background-color:#ff103f;
float:left;
}

#BlogInformationContainer {
width:99.7%;
border-top:solid 0px #FFFFFF;
border:solid 1px #ddd;
float:left;
}

#BlogTextContainer {
width:100%;
float:left;
}

#BlogTextInnerContainer {
width:93%;
margin:25px;
float:left;
}

#BlogButtonOuterContainer {
width:100%;
border-top:solid 1px #ddd;
float:left;
}

#BlogButtonInnerContainer {
width:97.3%;
margin:10px;
float:left;
}

#BlogSocialContainer {
width:40%;
float:left;
margin-top:18px;
margin-left:10px;
display:none;
margin-bottom:10px;
}

#BlogButtonContainer {
float:right;
margin-top:2px;
}

/**/

.BlogTitle {
font-family: Montserrat, sans-serif;
color: #222;
font-size: 32px;
font-weight: 600;
text-decoration: none;
line-height: 25px;
letter-spacing:-0.5px;
}

.BlogTitle  a:link {
color:#222;
text-decoration:none;
}

.BlogTitle  a:visited {
color:#222;
text-decoration:none;
}

.BlogTitle  a:active {
color:#222;
text-decoration:none;
}

.BlogTitle  a:hover {
color:#222;
text-decoration:none;
}

.BlogDay {
color:#FFFFFF;
font-family: 'Poppins', sans-serif;
font-size: 22px;
font-weight: 600;
text-decoration:none;
padding-top:19px;
line-height:10px;
}

.BlogMonth {
color:#FFFFFF;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 600;
text-transform:uppercase;
text-decoration:none;
}

.BlogInformation {
font-family: Hind, sans-serif;
color: #222;
font-size: 16px;
font-weight: 400;
line-height:24px;
text-decoration: none;
}

/* Responsive - Use if article navigation online 
@media only screen and (max-width: 1450px) {
#BlogLeftContainer  { 
 width:78%;
}

#BlogOuterContainer {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
}
}

@media only screen and (max-width: 1350px) {
#BlogLeftContainer  { 
 width:75%;
}
}

@media only screen and (max-width: 1180px) {
#BlogLeftContainer  { 
 width:73%;
}
}
@media only screen and (max-width: 1024px) {
#BlogOuterContainer {
	width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
}
}
*/