@media (max-width:1500px)
{
	blockquote {
		background-image: url('../images/paper.png');
		background-size: 100% 100%;
	}
	footer {
		padding-bottom: 10%;
		background-size: auto 100%;
	}
	.previous-story, .next-story {
		margin-bottom: auto;
	}
}

@media (max-width:1024px)
{
	.vertical-center .blue-quote {
		font-size: 26px;
		line-height: 32px;
	}
}

@media (max-width:992px)
{
	.vertical-center .blue-quote {
		letter-spacing: 1px;
		font-size: 20px;
		line-height: 26px;
	}
	.uppercase {
		letter-spacing: 1px;
	}
	article h2 {
		margin: 2% 7%;
	}
	.search-form {
		float: none;
		width: 100%;
		margin: 0px 15px;
	}
}

@media (max-width:767px)
{	
	#menu-screen{
		background-size: auto 100px;
	}
	#menu-screen .logo-revolution {
		filter: invert(100%);
		width: 40%;
	}
	.search-form input{
		width: 85%;
	}
	.story-container {
		padding-top: 10vh;
	}
	.newsfeed-month {
		border-bottom: double #999;
		text-align: center;
		line-height: 1.5em;
	}
	article img {
		margin: 10px 0px;
	}
	article p {
		width: 100%;
		font-size: 13px;
		line-height: 20px;
	}
	h3, h4, h5, h6 {
		width: 100%;
	}
	article {
		padding: 8px;
		padding-top: 90px;
		padding-bottom: 0px;
	}
	article h1 {
		font-size: 20px;
		line-height: 30px;
	}
	article h2 {
		font-size: 18px;
		line-height: 30px;
		margin: 2%;
	}
	article h2.title {
		font-size: 22px;
		line-height: 32px;
	}
	.description {
		font-size: 12px;
		line-height: 18px;
	}
	blockquote {
		margin-top: -240px;
		padding-top: 240px;
	}
	.logo-revolution {
		/* display: none; */
		width: 32%;
		left: 60%;
		height: 19px;
	}
	#loader {
		display:none;
	}
	.story-item {
		text-align: center;
		max-width: 800px;
		margin: auto;
		margin-bottom: 80px;
		float: none;
		width: 100%;
		height: auto;
	}
	.chapter {
		font-size: 15px;
		color: white;
	}
	.vertical-center .blue-quote {
		letter-spacing: 0px;
		font-size: 13px;
		line-height: 20px;
		padding: 0px;
	}
	.vertical-center {
		background-image: url("/assets/images/quote_blue_mobile.png");
		min-height: 130px;
		height: 130px;
		background-size: 100% 120%;
	}
	.authors p{
		margin-bottom: 19px;
		font-size: 14px;
		line-height: 20px;
	}
	.author-name {
		font-size: 11px;
		max-width: 200px;
	}
	.previous-story, .next-story {
		width: 90%;
		text-align: center;
		float: none;
		padding: 20px 15px;
		margin: 0 auto;
	}
	.link-to-another-story {
		margin: 15px 0px;
	}
	.logo {
		background: url('/assets/images/logo_.png') no-repeat;
		float: left;
		height: 65px;
		width: 50px;
		background-size: 50px;
		margin: 4px 10px;
	}


	/*.max-logo, .social-logo, .sponsor-logo, .max-info, .sponsor-info, .support-info {
		float: none;
		clear: both;
		margin-top: 25px;
		text-align: center;
	}*/
	.creators, .about {
		width: 96%;
		float: none;
		text-align: left;
		padding: 0 2%;
	}
	.mediamax-logo, .ena-logo {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	.mediamax-text, .ena-text, .support-text  {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.about-text {
		margin-top:70px;
	}


	.article-info {
		width: 100%;
		margin-top: 60px;
	}
	.views {
		float: right;
		margin-right: 10px;
		margin-left: 10px;
	}
	.shares {
		display: none;
	}
	.shares-mob {
		display: inline-block;
		width: 100%;
		margin-top: 0px;
	}
	#top-info-block .views {
		background-position-y: 8px;
	}
	.fa {
		padding: 0px 8%;
	}
	
	#top-info-block-container {
		margin-bottom: 10px;
	}
	
	article ol {
		font-size: 14px;
		width: 85%;
		line-height: 21px;
		margin-top: -14px;
	}
}