body {
	margin: 0 auto;
}

.under-construction {
	border-top: 10px solid #814822;
}

.footer {
	background-image: url("kockica.jpg");
	background-repeat: repeat-x;
	height: 80px;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

h1 {
	font-family: 'Lobster', cursive;
	color: #814822;
	font-size: 5em;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	color: #814822;
	font-size: 28px;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
    h1 { font-size:4em; }
    h2 { font-size:24px; }

    .footer {
	background-image: url("kockica.jpg");
	background-repeat: repeat-x;
	height: 80px;
	position: relative;
    margin-top: 20px;
}
}

@media only screen and (max-width: 480px) {
    h1 { font-size:3em; }
    h2 { font-size:21px; }
    .footer {
	background-image: url("kockica.jpg");
	background-repeat: repeat-x;
	height: 80px;
	position: relative;
    margin-top: 20px;
}
}

@media only screen and (max-width: 380px) {
    h1 { font-size:2em; }
    h2 { font-size:18px; }
    .footer {
	background-image: url("kockica.jpg");
	background-repeat: repeat-x;
	height: 80px;
	position: relative;
    margin-top: 20px;
}
}