.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;
		width:100%;
		}
.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) {		
.blog-main{
		flex-direction:column;
		justify-content:center;
		margin:0 auto;
		}
.blog-main .blog-item{
		width:100%;
		margin:0 auto 25px auto;
		min-height:auto;
		}
.links{
		width:50%;
		margin:30px auto 30px auto;
		}
}