body {
 background-image: url("/images/bg.gif");   
}

#container {
display:inline-block; 
}

#wrapper{
width:750px;
background-image: url("/images/background.jpg");
display:inline-block; 
float:left;
}

#left {
width:301px;
float:left;
margin-right:50px;
}

#right {
width:301px;
float:right;
margin-left:50px;
}
#zik {
position:fixed;
margin-top:30px;
width:301px;
height:601px;
}
#zak {
position:fixed;
margin-top:30px;
width:301px;
height:601px;
}
#logo {
	border-bottom: 45px solid blue;
	border-left: 50px solid;
	border-right: 50px solid;
	height:0px;
	color:white;
        -webkit-text-fill-color:#3b4251;
        -webkit-text-stroke: 1px white;
	font-size:45px;
	background-color:white;
	text-align:center;

}

img {
width:100%;
}
#slika {

   text-align:center;
   width:70%;
    
}
h1{
font-size: 40px;
margin-top:25px;
 
}

h2 {
	font-size:20px;	
}

hr{
width:90%;
}
 textarea {
    font-size:18px;
	font-weight:bold;
}

#content p{
text-align:left; 
font-size: 18px;
font-family:arial;
margin-left:25px;
margin-right:25px;
white-space: pre;
white-space: pre-wrap;
  
}


#similar {
background-color:#F0F8FF;
border:6px ridge lightgray;
}
#similar p {
font-size:18px;
  text-align:left;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
}
#similar h2{
font-family: fantasy, cursive, Serif;
font-size: 30px;
  -webkit-text-fill-color:#646464;
  -webkit-text-stroke: 1px lightgray;  
}
#similar a{
width:99%; 
padding-left:30px;
padding-right:15px;
font-size: 21px;
color:#2d525d;
}
#similar a:hover {  
background:#28597a;
color:white;
text-decoration:underline;
   }
   
#footer{
width:100%;
display:inline-block;
height:60px;
background-color:#25F;
color:white;
font-size:25px;
}
#footer img {
height:40px;
width:40px;
margin-top:5px;
border:3px ridge lightgray;
border-radius:5px;
}
#footer img:hover {
height:40px;
width:40px;
border:3px solid white;
border-radius:5px;
}
#f{
width:100%;
height:30px;
background-color:#3b4251;
color:white;
font-size:25px;
}
#f a {
color:white;
text-decoration:none;
margin-left:10px;
margin-right:10px;
}
#f a:hover {
color: #4e4e4e;
background-color:white;
} 
#belo {
 background:white;   
}
@media only screen and (max-device-width: 1700px) {
 #wrapper {  
background-image: url("images/background.jpg"); 
display:inline-block; 
height:auto;
}   
#left {
width:301px;
float:left;	
margin-right:1px;
}
#right {
margin-left:1px;
width:301px;
float:right;
}
}
@media only screen and (max-device-width: 1600px) {
#wrapper {
display:inline-block; 
height:auto;
}
    
#left {
display:none;
}
}


@media only screen and (max-device-width: 1190px) {
 #wrapper {
display:inline-block; 
height:auto;
}
  h1{
 font-size: 40px;
font-weight:bold;
  line-height: 40px;
 font-weight:bold;
 padding-left: 8px;
padding-right: 8px;
} 

#content p {
font-size:22px;
  text-align:left;
    padding-top: 20px;
    padding-right: 12px;
    padding-bottom: 0px;
    padding-left: 10px;

}
#right {
display:none;
}
}
@media only screen and (max-device-width: 855px) {
#container {
display:inline-block; 
width:100%;
}  
#wrapper {
width:100%;
}
h1{
 font-size: 35px;
line-height: 40px;
padding-left: 8px;
padding-right: 8px;
}

#nav{
background-color:black;
}
#block {
background-color:white;
width:100%;
}
#content{
background-color:white;
border-top:		2px solid lightgray;
border-left:		2px solid #4f6267;
border-right:   2px solid #4f6267;
border-bottom:  2px solid #4f6267;
 width:99%;
color:black;

}
#content p {
font-size:22px;
  text-align:left;
    padding-top: 20px;
    padding-right: 12px;
    padding-bottom: 0px;
    padding-left: 10px;

}




hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
} 
}
@media only screen and (max-width: 751px) {
  #wrapper {
  width:100%;     
    } 
}








@media only screen and (max-device-width: 565px) {
 #wrapper {
width:100%;
} 
h1{
 font-size: 29px;
 line-height: 35px;
 padding-left: 7px;
padding-right: 7px;
}

#blank p {
font-size:21px;
  text-align:left;
    padding-top: 15px;
    padding-right: 7px;
    padding-bottom: 0px;
    padding-left: 7px;

}

img {
 width:90%;
  height:auto;
}
}
@media only screen and (max-width: 501px) {

#content p{
font-size: 19px;
margin-left:20px;
margin-right:15px;
}
}
@media only screen and (max-device-width: 500px) {
#content p {
font-size:19px;
  text-align:left;
    padding-top: 15px;
    padding-right: 6px;
    padding-bottom: 0px;
    padding-left: 6px;

}

#logo {
	border-bottom: 35px solid blue;
	border-left: 50px solid;
	border-right: 50px solid;
	height:0px;
	color:white;
        -webkit-text-fill-color:#3b4251;
        -webkit-text-stroke: 1px white;
	font-size:30px;
	background-color:white;
	text-align:center;
	font-weight:bold;
}
}
@media only screen and (max-width: 451px) {

#content p{
font-size: 18px;
margin-left:16px;
margin-right:12px;
}
}
@media only screen and (max-width: 425px) {
#content p{
font-size: 17px;
margin-left:15px;
margin-right:11px;
}
}
@media only screen and (max-width: 401px) {
#content p{
font-size: 16px;
margin-left:14px;
margin-right:10px;
}
}

@media only screen and (max-width: 400px) {
   
h1{
 font-size: 25px;
line-height: 30px;
padding-left: 5px;
padding-right: 5px;
}

img {
 width:95%;
  height:auto;
}

#content p {
font-size:18px;
  text-align:left;
    padding-top: 12px;
    padding-right: 6px;
    padding-bottom: 0px;
    padding-left: 6px;

}

}
@media only screen and (max-device-width: 320px) {
h1{
 font-size: 20px;
 font-weight:normal;
  line-height: 25px;
 font-weight:bold;
 padding-left: 3px;
 padding-right: 3px;
}

h2 {
font-size:18px;
}
img {
 width:95%; 
 height:auto;
}


#content p {
font-size:15px;
  text-align:left;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;

}
}
@media only screen and (max-device-width: 250px) {
h1{
 font-size: 16px;
 font-weight:normal;
 line-height: 20px;
 font-weight:normal;
 padding-left: 2px;
 padding-right: 2px;
}

content p {
font-size:12px;
  text-align:left;
    padding-top: 10px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-left: 2px;
	
}
}
@media only screen and (max-device-width: 200px) {
h1{
 font-size: 15px;
} 

#content p {
font-size:11px;
  text-align:left;
    padding-top: 10px;
    padding-right: 1px;
    padding-bottom: 0px;
    padding-left: 1px;

}
}