.blocks-blog{
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		margin:0 auto;
		z-index:1;
		width:100%;
		}
.blocks-blog h2{
		margin:30px auto;
		font-size:32px;
		}
.blog h1{
		margin:15px 0;
		font-size:32px;
		}
.blog h2{
		margin:15px 0;
		font-size:20px;
		}
.blocks-blog p{
		margin:0 0 30px 0;
		}

.blog-main{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		align-items:flex-start;
		margin:0 auto;
		}
.blog-main .blog-item{
		display:block;
		width:23%;
		margin:0 1%;
		border:1px solid #01BAF5;
		min-height:550px;
		color:#000;
		text-decoration:none;
		-webkit-transition:all 1s ease-out;
		-moz-transition:all 1s ease-out;
		-ms-transition:all 1s ease-out;
		-o-transition:all 1s ease-out;
		transition:all 1s ease-out;
		}
.blog-main .blog-item:hover{
		background:#01BAF5;
		}
.blog-main .blog-item .blog-item-image{
		width:100%;
		}
.blog-main .blog-item .blog-item-date,
.blog-main .blog-item .blog-item-title,
.blog-main .blog-item p{
		display:block;
		line-height:1.2;
		padding:15px 25px;
		-webkit-transition:all 1s ease-out;
		-moz-transition:all 1s ease-out;
		-ms-transition:all 1s ease-out;
		-o-transition:all 1s ease-out;
		transition:all 1s ease-out;
		}
.blog-main .blog-item .blog-item-date{
		font-size:16px;
		font-weight:600;
		margin:10px 0 0 0;
		}
.blog-main .blog-item .blog-item-title{
		font-size:20px;
		font-weight:600;
		border:none;
		color:#01BAF5;
		text-decoration:none;
		}
.blog-main .blog-item p{
		font-size:16px;
		font-weight:400;
		padding:15px 25px 0 25px;
		}
.blog-main .blog-item:hover .blog-item-date,
.blog-main .blog-item:hover .blog-item-title,
.blog-main .blog-item:hover p{
		color:#FFF;
		}


.blog{
		display:block;
		padding:0 1%;
		}


.links{
		display:block;
		text-align:center;
		width:18%;
		font-size:15px;
		text-decoration:none;
		text-transform:none;
		color:#FFF !important;
		padding:10px 0;
		background:#01BAF5;
		margin:30px 0 30px 1%;
		border:none;
		-webkit-transition:all 1s ease-out;
		-moz-transition:all 1s ease-out;
		-ms-transition:all 1s ease-out;
		-o-transition:all 1s ease-out;
		transition:all 1s ease-out;
		cursor:pointer;
		}
.links:hover{
		background:#F5B601 !important;
		color:#FFF !important;
		border:none;
		}
@media (max-width:1200px){
	
}			
@media (max-width:992px){
   
}
@media (max-width:768px){
.blocks-blog{
		display:flex;
		flex-direction:column;
		align-items:center;
		width:100%;
}	
.blog-main{
		display:flex;
		flex-direction:column;
		align-items:center;
		width:100%;
		max-width:800px;
		margin:0 auto;
		padding:0 20px;
}	
.blog-main .blog-item{
		width:100%;
		max-width:500px;
		margin-bottom:20px;
		border:1px solid #01BAF5;
		padding-bottom:10px;
		}	
.blog-main .blog-item-inner{
		padding:20px;
		text-align:left;
		}	
.blog-main .blog-item .blog-item-date,
.blog-main .blog-item .blog-item-title{
		margin:0 0 10px 0;
		font-size:16px;
		}		
.blog-main .blog-item p{
		margin:0 0 15px 0;
		font-size:14px;
		}		
.links{
		width:50%;
		margin:30px auto 30px auto;
		}
}