.small-screen {
	display: none;
}

@media screen and (max-width: 767px) {
	.small-screen {
		display: block;
	}
	.big-screen {
		display: none;
	}
	.main-column {
		max-width: 100%;
	}
	.column-of-1,
	.column-of-2,
	.column-of-3,
	.column-of-4,
	.column-of-5,
	.double-column-of-3,
	.columns-1,
	.columns-2,
	.columns-3,
	.columns-4,
	.columns-5,
	.columns-6,
	.columns-7,
	.columns-8,
	.columns-9,
	.columns-10 { width: 100%; }
	
	.col-padding {
		padding-left: 10px;
		padding-right: 10px;
	}
	.double-col-padding {
		padding-left: 20px;
		padding-right: 20px;
	}
	.row-padding {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.double-row-padding {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.right-padding {
		padding-right: 0;
	}
	
	/* FONT */
	.big-font{
		font-size: 1.2em;
	}
	h2, h3{
		font-size: 1.2em;
	}
	
	/* HOME */
	h3.widget-title {
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.entry-content p {
		padding-bottom: 10px;
	}
	.end-of-page {
		padding-bottom: 40px;
	}
	.first-of-page{ 
		padding-top: 60px;
	}
	footer li{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	footer a{
		padding: 10px 0;
	}
	
	/* NEWS */
	.news-list .content,
	.single-news #content,
	.news-archive,
	#content .single-video{
		padding: 0 10px;
	}
	.news .date,
	.single-news .date {
		text-align: left;
		margin-top: 5px;
	}
	.news-list,
	.single-news{
		padding-top: 45px;
		overflow: hidden;
	}
	.video-list .featured,
	.single-video .featured{
		padding-top: 45px;
	}
	.video-list #content,
	.single-video #content{
		overflow: hidden;
	}
	

	.single-news #content p,
	.single-video #content p,
	.single-project #content p,
	.single-artwork #content p,
	.excerpt{
		width: 100%;
	}
	
	.single-news #content p img,
	.single-video #content p img,
	.single-project #content p img,
	.single-artwork #content p img,
	.single-news figure img,
	.single-video figure img,
	.single-project figure img,
	.single-artwork figure img,
	.single-video .featured iframe{
		margin-left: -10px;
		width: calc(100% + 20px);
	}
	.news-list .news .info,
	.news .excerpt {
		margin-top: 15px;
	}
	.news-archive .page-title .left{
		float: right;
	}
	.news-archive .page-title .right{
		float: left;
	}
	.news-archive .date span {
		padding: 10px;
	}
	.news-list .news {
		padding-bottom: 60px;
	}
	
	/* VIDEO */
	
	.video-list ul{
		display: block;
		text-align: center;
	}
	.video-list ul li{
		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
	}
	.video-list .categories {
		font-size: 1em;
	}
	.featured .category {
		text-align: center;
	}
	.video .info {
		text-align: center;
	}
	.projects-grid .project .info, 
	.artworks-grid .artwork .info, 
	.news .info, .video .info {
		margin-top: 5px;
	}
	.video .info {
		padding-top: 0;
	}
	.single-video .featured .category{
		text-align: left;
	}
	.video-list .featured iframe,
	.single-video .featured iframe{
		min-height: 200px;
	}
	
	/* REVERIE */
	
	body.bkg-black #content{
		padding-top: 47px;
	}
	body.bkg-black #content .sub-menu{
		margin-bottom: 15px;
	}
	body.bkg-black #content .sub-menu .sub-menu-toggle{
		border-bottom: 1px solid white;
	}
	body.bkg-black #content .sub-menu .sub-menu-toggle.active{
		background-color: white;
		color: black;
	}
	body.bkg-black #content .sub-menu .sub-menu-toggle span{
		cursor: pointer;
	}
	body.bkg-black #content .sub-menu .icon{
		display: inline-block;
		transition: all 0.2s;
		width: 8px;
	}
	body.bkg-black #content .sub-menu .icon.active{
		transform: rotate(45deg);
	}
	body.bkg-black #content .sub-menu ul{
		display: none;
		border-bottom: 1px solid white;
	}
	body.bkg-black #content .sub-menu ul li.active{
		display: none;
	}
	body.bkg-black #content .first-of-page{
		padding-top: 0;
	}
	body.bkg-black #primary{
		padding: 0 10px;
	}
	.cronology p{
		padding: 10px;
	}
	.project-content .image, 
	.artwork-content .image {
		margin-left: -10px;
		width: calc(100% + 20px);
	}
	.single-artwork .category, 
	.single-project .date{
		text-align: left;
		margin-bottom: 20px;
	}
	.button a, .newsletter input[type="submit"] {
		padding: 6px 10px;
	}
	.newsletter {
		padding: 0 10px;
		padding-top: 60px;
	}
}
	

@media screen and (min-width: 768px) and (max-width: 1180px) {
	#site-navigation a {
		padding-top: 10px;
	}
	.news-archive .page-title{
		padding: 0 10px;
	}
	.main-column{
		padding: 0 50px;
	}
	.first-of-page {
		padding-top: 80px;
	}
	
}