#kontejner {
width:100%;
position:relative;	
}


#wrap {
width:1000px;
border:2px ridge silver;
display:inline-block;
background-color:white; 
float:left;


}
h2 {
color:red;
}
#header{
background-color:#0C34FF;
border-style: groove;
border-color: #0C34FF;
border-width: 4px;
}

#header h1 {
font-weight:bold;
text-shadow:-2px -2px 2px black;
-webkit-text-fill-color: red;
-webkit-text-stroke: 1px lightgray;
text-align: center;
font-size:50px;
}
#content {
border-style: groove;
border-color: #E0EEEE;
border-width: 5px;
background-color:#E0EEEE;
text-decoration:none;
}

#content p{
font-size: 20px;
font-weight: bold;
margin-left:15px;
margin-right:15px;
text-align:left;
text-decoration:none;
}
p {
font-style: normal;
margin-left:30px;
margin-right:20px;
text-align:left;
font-size:19px;
text-decoration:none;
}

#box {
display:inline-flex;
height:auto;
}
#zak {

float:right;
width: 305px;
margin-left :50px;
margin-right:1px;	
flex: 0 0 auto; 
}
#oglas {
position:fixed;
margin-top:30px;
}
a {
margin-left:10px;
font-size:20px;
font-weight:bold;
text-decoration:none;

}

#i{
font-size:23px;
color:red;
font-weight:bold;
}




div#nav{
height:auto;
background-color:red;

}
.classname {

	background:white;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #573357;
	display:inline-block;
	color:#1c0c1c;
	font-family:arial;
	font-size:17px;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #c99198;
	margin:2px;
       
}
.classname:hover {
	background:silver;
        color:white;
}
.x {
display:none;
}
@media only screen and (max-width: 1900px) {
#wrap {
	width:900px;
}

	}
@media only screen and (max-width: 1600px) {
#wrap {
	width:975px;
}

	}
@media only screen and (max-width: 1355px) {

#wrap {
	flex: 1 1 auto;
}
#zak {
margin-left :2px;	
}
	
}


@media only screen and (max-width: 910px) {
	#wrap {
	width:90%;
}

#zak {
	display:none;
}
#header h1 {

font-size:40px;
}

}
@media only screen and (max-width: 800px) {
	#wrap {
	width:100%;
}
}
@media only screen and (max-width: 603px) {
 div#wrap {
width:100%;
}     

#content p{
font-size: 17px;
font-weight:bold;
margin-left:15px;
margin-right:15px;
text-align:left;
}
a {

font-size:17px;
}
		
}

@media only screen and (max-width: 480px) {

div#header{
height:200px;
}

div#header h1 {
font-size:35px;
}

#content p{
font-size: 15px;
font-weight:normal;
margin-left:15px;
margin-right:15px;
text-align:left;
}
a {

font-size:15px;
}
}


@media only screen and (max-width: 320px) {
div#wrap {
width:100%;
}
div#header{
height:165px;
}
div#header h1 {
font-size:25px;
}
#i{
font-size:15px;
}

}