.small-screen {
	display: none !important;
}

/* WIDTH */

@media screen and (max-width: 979px) {
	.main-column {
		max-width: 95%;
	}
	header .main-navigation li {
		padding: 0 4px;
	}
}

@media screen and (max-width: 767px) {
	.small-screen {
		display: block !important;
	}
	.big-screen {
		display: none !important;
	}
	header .menu-menu-1-container{
		position: fixed;
		top: 80px;
		bottom: 100%;
		left: 0;
		right: 0;
		text-align: center;
		background: black;
		overflow: hidden;
		transition: bottom 0.5s;
	}
	header .toggled .menu-menu-1-container{
		bottom: 0;
	}
	header .main-navigation ul {
		margin-top: 20px;
	}
	header .main-navigation li {
		display: block; 
		margin-bottom: 20px;
	}
	header .main-navigation li a {
		color: white;
	}
	header #site-navigation {
		width: auto;
	}
	.projects .separator-4{
		display: none;
	}
	.projects .separator-2{
		display: block;
	}
	.projects .project{
		width: 50%;
	}		
	.protagonists .protagonist{
		padding: 20px 30px;
	}
	.protagonists .protagonist .title {
		padding-top: 20px;
	}
	.partners .partners-category {
		width: 100%;
		margin: 0;
		margin-top: 75px;
	}
	.partners .partners-category:first-child{
		margin-top: 0;
	}
	.partners .partners-category .partner{
		width: 50%;
		float: left;
	}
}

@media screen and (max-width: 599px) {
	hr {
		margin: 5px 0;
	}
	.column-of-1,
	.column-of-2,
	.column-of-3,
	.double-column-of-3,
	.column-of-4,
	.column-of-5,
	.columns-1,
	.columns-2,
	.columns-3,
	.columns-4,
	.columns-5,
	.columns-6,
	.columns-7,
	.columns-8 	{ 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;
	}
	.end-of-page{
		padding-bottom: 50px;
	}
	.homepage-showcase .box {
		width: 80%;
	}
	.homepage-box {
		padding: 50px 10px;
	}
	.homepage-box .columns-5{
		padding: 20px 0;
	}
	.partners .partners-container {
		width: 75%;
	}
	.archive.partners .partners-container {
		width: 100%;
	}
	.partners .partner .img-cover {
		margin: 0 10px;
	}
	.partners .title div,
	.projects .title div,
	.protagonists .title div{
		text-align: left;
		padding-left: 10px;
	}
	.partners .title .columns-1,
	.projects .title .columns-1,
	.protagonists .title .columns-1{
		position: absolute;
		right: 10px;
		width: auto;
		top: 8px;
	}
	.protagonists .protagonist-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	.map .icomoon{
		font-size: 3rem;
	}
	.map .content .address {
		padding-right: 60px;
	}
	.map.active .lock.disable {
		right: 20px;
	}
	.single-post img {
		width: 100%;
	}
	footer .section {
		margin-top: 20px;
	}
	.slider-nav .nav-left {
		margin-left: -8px;
	}
	.slider-nav .nav-right {
		margin-right: -8px;
	}
}

@media screen and (max-width: 479px) {
	.homepage-showcase .medium-big-font{
		font-size: 1.5rem;
	}
	.homepage-showcase .box .link {
		font-size: 0.75rem;
	}
	.homepage-showcase .box {
		width: 60%;
	}
	.partners .partner .info .title {
		height: 55px;
	}
	.partners .partner .img-wrapper {
		padding: 0 20px;
	}
	.partners .partner .img-cover {
		margin: 0 20px;
	}
	.partners .partner .info {
		padding-left: 20px;
		padding-right: 20px;
	}
	.projects .project .title {
		padding: 5px;
	}
	.partners .partners-category .partner{
		width: 100%;
	}
	header .site-branding img {
		width: 140px;
		margin-top: 8px;
	}
	header.site-header {
		min-height: 60px;
	}
	header.site-header .main-column {
		padding-top: 10px;
	}
	main.site-main{
		padding-top: 60px;
	}
	header .hamburger{
		top: 20px;
	}
	header .menu-menu-1-container{
		top: 60px;
	}
}

/* HEIGHT */

@media screen and (max-height: 399px){
	header .site-branding img {
		width: 140px;
		margin-top: 8px;
	}
	header.site-header{
		min-height: 60px;
	}
	header.site-header .main-column{
		padding-top: 10px;
	}
	header .main-navigation ul {
		margin-top: 30px;
	}
	header .menu-menu-1-container ul{
		padding: 0;
	}
	header .site-language{
	    padding-top: 30px;
	}
	main.site-main {
		padding-top: 60px;
	}
	header .hamburger {
		top: 20px;
	}
	header .menu-menu-1-container {
		top: 60px;
	}
	header .main-navigation li {
		margin-bottom: 15px;
	}
	.homepage-showcase .medium-big-font{
		font-size: 1.5rem;
	}
	.homepage-showcase .box .link {
		font-size: 0.75rem;
	}
}