@media only screen and (max-width: 1080px) {
	
    .span-1-of-2 {
		width: 100%;
		margin-top: 10px;   
	}

	.span-1-of-4 {
		width: 50%;
	}

	.contentfooter {
		position: relative;

	}

	nav {
	display: block;	
	margin-top: 0 auto
	}

	nav ul {
	float: none;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 8px;   
	}

	.logo {
		text-align: center;
		margin-top: 5px;
		margin-left: 8px;
	}

	
	.ramecek {
		height: 510px;
	}

}

@media only screen and (max-width: 995px) {
	
	.ramecek {
	height: 520px;
	
	}
	.span-1-of-2 {
		width: 100%;
		margin-top: 8px;   
	}

}

@media only screen and (max-width: 950px) {
	
    
	.span-1-of-3 {
		width: 48%;
	}
}

@media only screen and (max-width: 665px) {
	.span-3-of-3 {
		width: 98%; 
	}
	.span-2-of-3 {
		width: 98%; 
	}
	.span-1-of-3 {
		width: 98%;
		margin-top: 5px;
	}

	.span-1-of-4 {
		width: 99%;
	}

	.ramecek {
		height: fit-content;
		margin-top: 3px;
	}

	nav ul li {
		margin-left: 8px;
	}

	nav ul li:last-child {
		display: none;
	}

	
}