body {color:#333; font:1rem/1.77 Helvetica Neue,Helvetica,Arial,sans-serif; font-size:16px;}
.container{max-width:100%;padding:0 0;}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
.display-0{font-size:3.5rem;}
#btn-load-more:hover{
	background-color:#f8f9fa !important
}
.h1, h1{font-size:1.9rem;line-height:1;letter-spacing:-1.4px;-0.04em;}
.featured-img{
	cursor:pointer;
}
.max-width-800{
	max-width:800px;
}
.max-width-600{
	max-width:600px;
}
.max-width-400{
	max-width:400px;
}
.max-width-300{
	max-width:300px;
}
opacity-45{
	opacity:.45;
}
opacity-50{
	opacity:.5;
}
opacity-60{
	opacity:.6;
}
opacity-75{
	opacity:.75;
}
opacity-80{
	opacity:.8;
}
.central{
	position  : absolute;
	top       : 50%;
	left      : 50%;
	transform : translate(-50%,-50%);
}
.rotate-45{
	transform: rotate(45deg);
}
.rotate-90{
	transform: rotate(90deg);
}
.rotate-180{
	transform: rotate(180deg);
}
.rotate-270{
	transform: rotate(270deg);
}

.strong {
  font-weight: bolder;
}

.big{
	font-size:1.1rem;
}
.bigger{
	font-size:1.2rem;
}
.small{
	font-size:80%;
}
.smaller{
	font-size:60%;
}
.smallest{
	font-size:50%;
}
.tiny{
	font-size:40%;
}
.display-5{
	font-size: 3rem;
}
.display-6{
	font-size: 2.5rem;
}
.display-7{
	font-size: 2rem;
}
.display-8{
	font-size: 1.5rem;
}
.unselectable{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/**************************/
.font-weight-400{font-weight:400!important;}
.font-weight-700{font-weight:700!important;}
.font-weight-800{font-weight:800!important;}
/**************************/
#featured-images p{
	max-width:280px;
}
#comment-form input{
	border-top:0!important;
	border-left:0!important;
	border-right:0!important;
	border-bottom: 1px solid #dee2e6 !important;
}
/* #article */
.article{
	padding-left:5%;
	padding-right:5%;
}
#article-title{
	line-height:1.1;
}
#article-content{
	letter-spacing: -0.1px;
}
#article-content a:hover{
	text-decoration: underline;
}
/* .list */
.list-title{
	line-height: 1.09;
	letter-spacing: -0.7px;
	font-size:1.25rem;
}
.list-img{
	width: 100%; padding-top: 56.25%; position: relative; overflow:hidden;
}
.list-img img{
	transition: transform 1s;
	width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;
}
.list-img img:hover{
	transform: scale(1.1);
}
.list-container{
	cursor: pointer;
	transition: opacity linear 0.2s;
}
.list-container:hover{
	opacity: 0.6;
}
.list-excerpt{
	line-height:1.5;
}
/******************/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cdcdcd!important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #cdcdcd!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #cdcdcd!important;
}
/*****************/
@media (min-width: 576px) {
	body{font-size:16px;}
	.container{max-width:100%;padding:0 0;}
	.article{padding-left:4%;padding-right:4%;}
	.h1, h1{font-size:2rem;line-height:1.1;letter-spacing:-0.05em;}
}
@media (min-width: 768px) {
	body{font-size:16px;}
	.container{max-width:100%;padding:0 0;}
	.article{padding-left:4%;padding-right:4%;}
	.list-title{line-height: 1.09;letter-spacing: -0.7px;font-size:1.5rem;}
	.h1, h1{font-size:2.25rem;line-height:1.1;letter-spacing:-0.05em;}
}
@media (min-width: 992px) {
	body{font-size:20px;}
	.container{max-width:100%;padding:0 0;}
	.article{padding-left:8%;padding-right:8%;}
	.list-title{font-size:1.75rem;}
	.display-0{font-size:4.5rem;}
	.h1, h1{font-size:2.25rem;line-height:1.1;letter-spacing:-0.05em;}
}
@media (min-width: 1200px) {
	body{font-size:20px;}
	.container{max-width:100%;padding:0 0;}
	.article{padding-left:12%;padding-right:12%;}
	.list-title{font-size:2rem;}
	.display-0{font-size:6rem;}
	.h1, h1{font-size:2.5rem;line-height:1.1;letter-spacing:-0.05em;}
}
@media (min-width: 1366px) {
	body{font-size:20px;}
	.container{max-width:1366px;padding:0 0;}
	.article{padding-left:10%;padding-right:10%;}
	.list-title{font-size:2.1rem;}
	.display-0{font-size:6.5rem;}
	.h1, h1{font-size:2.8rem; line-height:1.1;letter-spacing:-0.05em;}
}
@media (min-width:1400px){
	.list-container{padding-left:0px!important; padding-right:0px!important;}
	.display-0{font-size:6.5rem;}
	.h1, h1{font-size:2.8rem;line-height:1.1;letter-spacing:-0.05em;}
}