.blogList{
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  position:relative;
	background:#fff;
	margin:-20px; margin-bottom:10px; width:221px;  overflow-y:scroll; 
}

.blogList article{
  width: 100%;
}

.blog_list_title{
  width:100%;
  display:inline-block;
	font-size:90%;  

}
.blog_list_outline{
  margin-bottom: 2.5em;
	font-size: 90%;
	font-weight:700;
}

.three-column{
  margin-left: 0;
	height:140px; 
}

.three-column_items {
  width:230px;
  padding-left:14px;
  padding-right:14px;
	display:flex;
	line-height: 10pt; margin-bottom:-30px;	
}
.three-column_items_title{
  font-size: 100%;
  padding-bottom: 10px; 
  line-height: auto;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0em;		
white-space: nowrap;
width:105px;
overflow:hidden; text-align:left;

}
.three-column_items_title ul{
}
.three-column_items_title > a {
  text-decoration:none;
  color:#000;
}
.blog_list_title{
	display:flex; 
}
.crate{ font-size:20px; }

.blogTimes{
  display: inline-block;
  margin-top:-15px ;
	margin-left:40%;
  font-size: 100%;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 500;
}
.blogCats{
  display: inline-block;
  margin-bottom: 2px;
  font-size: 100%;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  font-weight: 600;
  border-left: 1px solid rgba(0,0,0,0.3);
  padding-left: 0.8em;
  margin-left: 0.8em;
}
#posts{ text-align:left;
	font-size:18px;
	padding-left:180px; padding-top:30px; }

/* ///////////////////////////////////////////////// */

.blogTime{
  display: inline-block;
  padding-top:15px ; 
	margin-right:3px;
  font-size: 100%;
  color: red;
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 600;
}
.blogCat{
  display: inline-block;
  margin-bottom: 2em;
  font-size: 100%;
  color: red;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  font-weight: 600;
  border-left: 1px solid rgba(0,0,0,0.3);
  padding-left: 0.8em;
  margin-left: 0.8em;
}
.blogPager{
  width:100%;
}
.blogPager ul{
  display:flex;

}
.blogPager li {
  padding: 0 1em;
  color: #e60012;
  font-size:90%;
}
.blogPager li > a{
  color: rgba(0, 0, 0, 0.7);
  text-decoration:none;
}
.blogPager li > a:hover{
  color: rgba(0, 0, 0, 0.3);
  transition:0.3s;
}
,rightColumun{
	border-bottom:1px solid #999; }


.rightColumn_title {
  font-size: 80%;
  color: #fff;
  margin:0 ;
	margin-left:-8%;
	margin-right:5%;
  margin-bottom: 15px;
  letter-spacing: 5px;
  font-weight: 500;
  line-height: 1em; padding-right:40%; 
}
.rightColumn_titleBig{
  font-size: 140%;
  margin-bottom: 1em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 5px;
  line-height: 1.8;
  position: relative; padding-right:50%;
}


/* //////////////////////////////////////////////////////// */
@media screen and (max-width:950px){
.ajax{ width: 100%; }
.blogList{
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  position:relative;
	background:#fff;
	margin:-20px auto auto auto; width:100%;  overflow-y:scroll; 
}

.blogList article{
  width: 100%; 
}

.blog_list_title{
  width:100%;
  display:inline-block;
	font-size:14px; 
	margin-left:3vw; 

}

.three-column{
  margin-left: auto;
	height:140px; 
}

.three-column_items {
  width:80%;
  padding-left:14px;
  padding-right:14px;
	display:flex;
	line-height: 10pt; margin-bottom:-30px;	
}
.three-column_items_title{
  font-size: 110%;
  padding-bottom: 5px; 
  line-height: 100%;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0em;		
white-space: nowrap;
width:50%;
overflow:hidden; text-align:left; margin-left:5vw;

}
.blogTime{ font-size:110%; }
.three-column_items_title ul{
}
.three-column_items_title > a {
  text-decoration:none;
  color:#000;
}
.blog_list_title{
	display:flex;  
}
.crate{ font-size:80%; }

.blogTimes{
  display: inline-block;
  margin-top:-15px ;
	margin-left:0%;
  font-size: 80%;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 500;
}
.blogCats{
  display: inline-block;
  margin-bottom: 2px;
  font-size: 80%;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  font-weight: 600;
  border-left: 1px solid rgba(0,0,0,0.3);
  padding-left: 0.8em;
  margin-left: 0.8em;
}
#posts{ text-align:left;
	font-size:100%;
	padding-left:0; padding-top:30px; margin:2vw; }
.rightColumn_titleBig{
  font-size: 110%;
  margin-bottom: 1em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 5px;
  line-height: 1.8;
  position: relative; padding-right:0%;
}

}

@media screen and (max-width:640px){
.three-column_items_title{
	font-size:14px;
}
}