/*
 Theme Name:   Sencillo
 Description:  This stylesheet containing media query for different screens.
 Author:       Equator Design
 URL:		   http://equator.design/

*/
.container{
	max-width: 1170px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.header-site .logo{
		margin: 0 !important;
	}
	.header-site{
		padding: 20px !important;
	}
	.site-logo-link + .site-description{
		margin-left: 0 !important;
	}
	.sitename, .sitetitle{
		font-size: 32px !important;
		line-height: 32px !important;
	}
	.site-description .tagline{
		font-size: 10px !important;
		line-height: 12px !important;	
	}
	.header-center nav{
		height: auto !important;
		line-height: inherit !important;
		background-color: transparent !important;
		width: auto;
		display: inherit;		
	}
	.header-sticky.is_stuck.is_stuck_show + div{
		height: 0 !important;
	}
	.header-sticky.is_stuck.is_stuck_show{
		position: relative !important;
	}
	.header-secondary{
		padding: 0 !important;
	}
	.header-site .container{
		padding: 0 !important;
	}
	.site-logo-link + .site-description, .custom-logo-link + .site-description{
		margin-left: 0;
	}
	.title-container .heading{
		font-size: 36px !important;
		line-height: 40px !important
	}
	.archive .section-title .heading{
		font-size: 24px !important;
	}
	.archive._heading-content ._title-top{
		padding: 1.4em !important;
	}
	.archive._heading-content .entry-content{
		padding: 1.4em !important;
	}
	.single-post ._heading-content ._title-top{
		padding: 1.4em 1.4em 1.6em !important;
	}
	.single-post ._content-media ._title-top{
		padding-bottom: 1.4em !important;
	}
	.single-post ._content-media .thumbnail,
	.single-post ._content-media .fit-vid{
		margin-bottom: 1.4em;
	}
	.single-post ._content-media .story,
	.single-post ._content-media .story-content{
		padding-bottom: 1.4em;
	}
	.single-post ._padding-content ._title-top{
		padding: 1.4em 1.4em 1.2em;
	}
	.single-post ._padding-content .story{
		padding: 1.4em;
	}
	.single-post ._padding-content .story-content{
		padding: 0 1.4em 1.4em;
	}
	.single-post ._heading-content .story,
	.single-post ._content-media article{
		padding: 1.4em !important;
	}
	.single-post ._heading-content .story-content{
		padding: 0 2em 2em !important;
	}
	.sencillo-page .section-title .heading{
		font-size: 32px !important;
		line-height: 32px !important;
	}
	.sencillo-page._heading-content ._title-top,
	.sencillo-page._heading-content .story,
	.sencillo-page._padding-content ._title-top,
	.sencillo-page._padding-content .story{
		padding: 1.4em !important;
	}
	.sencillo-page._padding-content .story-content{
		padding: 0 1.4em 1.4em !important;
	}
	.sencillo-page._content-media article{
		padding: 1.4em 1.4em 0 !important;
	}
	#back-top{
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.header-center nav{
		height: auto !important;
		line-height: inherit !important;
		background-color: transparent !important;
		width: auto;
		display: inherit;		
	}
	.header-site .container{
		padding: 0 !important;
	}
	.site-logo-link + .site-description, .custom-logo-link + .site-description{
		margin-left: 0;
	}
	.header-center nav{
		height: auto !important;
		line-height: inherit !important;
		background-color: transparent !important;
		width: auto;
		display: inherit;		
	}
	.header-sticky.is_stuck.is_stuck_show{
		position: relative !important;
	}
	.site-logo-link + .site-description{
		margin-left: 0 !important;
	}
	.sitename, .sitetitle{
		font-size: 40px !important;
		line-height: 40px !important;
	}
	.site-description .tagline{
		font-size: 14px !important;
		line-height: 14px !important;	
	}
	.header-site{
		padding: 20px !important;
	}
	.header-site .logo{
		margin: 0 !important;
	}
	.header-secondary{
		padding: 0 !important;
	}
	.header-site .ed-social{
		display: none !important;
	}
	.title-container .heading{
		font-size: 48px !important;
		line-height: 40px !important
	}
	.title-container .excerpt{
		font-size: 12px !important;
		margin-top: 12px !important;
	}
	.archive article .thumbnail img,
	.archive article .thumbnail:hover img{
		-webkit-transform: translateZ(0);
	}
	.single-post .section-title .heading{
		font-size: 32px !important;
		line-height: 34px !important;
	}
	#comments .comment-form-author,
	#comments .comment-form-email,
	#comments .comment-form-url{
		width: 100%;
	}
	#back-top{
		display: none;
	}
}
@media only screen and (min-width: 1100px){
.column.span-8 .post-list{
	margin-right: 30px;
}
}