/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23.09.2014, 09:54:45
    Author     : mnowak
*/


header {
    height:145px;
    background-image: url('../images/header-content.jpg');
    background-image: url('../images/header_content1990.jpg');
}

.row {
	margin: 0px;
}

.row .content {
	width: 620px;
	padding:0;
	margin-top: 10px;
}

.row .teaserbox {
	margin: 0;
	margin-top: 10px;
	margin-left: 20px;
	min-height: 500px;
}

.container {
	width: 940px;
	padding:0;
}

footer {
    float: left;
    margin-top: -20px;
    width: 620px;
}

@media (max-width: 1152px) {
	header {
		background-image: url('../images/header_content1152.jpg');
	}
}


@media (max-width: 980px) {
	
	header {
		background-image: url('../images/header_content980.jpg');
	}

	
	.container {
		width: 720px;
	}
	.row {
		margin-right: 0px;
		width:720px;
	}
	.row .content {
		width: 700px;
	}
	
	.row .content img {
		max-width: 100%;
		height: auto;
	}	
	.row .teaserbox {
		width: 700px;
		margin-left: 0px;
	}  

	footer {
		margin-top: 20px;
		width: auto;
	}	
}

@media (max-width: 768px) {

	header {
		background-image: url('../images/header_content768.jpg');
	}
	
	.container {
		width: 480px;
	}
	.row {
		margin-right: 0px;
		width:460px;
	}

	.row .content {
		width: 460px;
	}
	.row .teaserbox {
		width: 460px;
	}  
}

@media (max-width: 560px) {
	header {
		background-image: url('../images/header_content560.jpg');
	}
}

@media (max-width: 480px) {
	
	header {
		background-image: url('../images/header_content480.jpg');
	}
	
	.container {
		width: 320px;
	}
	
	.row .content {
		width: 300px;
	}

	.row {
		margin-right: 0px;
		width:300px;
	}

	.row .teaserbox {
		width: 300px;
	}  
	
}