@import url(https://fonts.googleapis.com/css?family=Bree+Serif|Source+Sans+Pro:300,400);

body {
    font-family: 'Source Sans Pro', sans-serif;
    width:100%;
    height:100%;
    background-color:#555;
    background-image:url('zabica.jpg');
    background-repeat:no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: 100% auto;
    color: #ffffff;
    margin: 0;
    padding: 0;
}

a:link {color: #ffffff; text-decoration: underline;}
a:active {color: #ffffff;text-decoration: underline;}
a:hover {color: #ffffff;	text-decoration: underline;}
a:visited {color: #ffffff;text-decoration: underline;}

.bree-font {
    font-family: 'Bree Serif', serif;
}

#content{margin: 0 auto; }

#logo {
    margin: 1em;
    float: left;
    display: none;
}
nav{
    display:none;
    float: right;
}
nav ul > li{
    list-style: none;
    float: left;
    margin: 0 2em;
    display: block;
}

#main-body {
    padding:0 30px 20px 30px;
    margin:0 auto;
    text-align: center;
    width:100%;
    position:absolute;
    bottom:0px;
    box-sizing: border-box;
    background-color:#1b1b1b;
    opacity:0.7;
}
#main-body p {opacity:1;}
hr {width: 25%;
    height: 1px;
    background: #ffffff;
    border: 0px;}

@media screen and (min-width: 1070px) {
    .enormous-font{font-size: 70px; padding:0; margin:0;}
    .big-font {font-size: 25px;}
}

@media screen and (max-width: 1070px) {
    .enormous-font{font-size: 60px; padding:0; margin:0;}
    .big-font {font-size: 25px;}
}

@media screen and (max-width: 650px) {
    .enormous-font{font-size: 30px; padding:0; margin:0;}
    .big-font {font-size: 18px;}
}