*{
    margin:0;
    padding:0;
}
a {
    text-decoration:none;
}
#kontejner {
display:inline-block;
}

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

#right {
width:301px;
float:left;
margin-left:50px;
}
h1 {
font-size:100px;
color:red;
font-weight:bold;
}
h2 {
 text-align:center;  
 font-family:sans-serif;
    }
  header {
    background-color: #0C34FF;
    border: 1px solid;
    float: left;
    width: 100%;
} 

    header h3 {
    color:white;
    font-size:30px;
    font-family:sans-serif;
}
h4 {
  color:red;  
}
#zik {
position:fixed;
margin-top:30px;
width:301px;
height:601px;
}
#zak {
position:fixed;
margin-top:30px;
width:301px;
height:601px;
}

#wrap {
border:2px ridge silver;
display:inline-block;
background-color:white; 
}
#wrap{
float:left;
height:auto;   
width:767px;
background-color:#D8E8FF;
}

div#blok{
position: relative;
background-color:#D8E8FF;	
width:100%;
float:left;
}

div#header {
background-color:#0C34FF;
border:1px solid;
float:left;
width:100%;
}
div#header h1 {
font-size:40px;
color:red;
text-shadow:-2px -2px 4px black;       
}
div#desni h2{
font-size:35px;
color:blue;
text-shadow:-1px -1px 2px red;
}
h3 {
 color:red;   
}
div#nav{
background-color:red;
}

p {
font-style: normal;
margin-left:30px;
margin-right:20px;
text-align:left;
font-size:19px;
}


.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;
}

.z {
color:red;

}


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

div#blok{
background-color:#E0EEEE;	
width:100%;
float:left;
}

div#header {
background-color:#0C34FF;
border:1px solid;
float:left;
width:100%;
}
div#header h1 {
font-size:40px;
font-weight:bold;
color:red;
text-shadow:-2px -2px 4px black;       
}
div#desni h2{
font-size:35px;
color:blue;
text-shadow:-1px -1px 2px red;
}
div#header h3 {
font-size:25px;
font-weight:bold;
color:red;      
}
h3 {
color:red;
}

div#levi  {
float:left;
width:100%;
height:300px;
margin:1px;
background-color:#708090;
border:1px solid;
display:inline-block;
}

div#levi p {
font-weight:bold;
font-size:21px;
text-decoration:none;
}
div#levi img {
 width:200px;
 height:270px;
 padding-top:50px;

}
div#desni p {
font-size:17px;
font-weight:bold;
text-align:left;
margin-left:20px;
margin-right:20px;
}



div#desni{
width:100%;
border:1px solid;
background-color:#E0EEEE;
display:inline-block;
margin:1px;
float:left;
}
 .a {width:50%}
}
@media only screen and (max-device-width: 600px) { 
#wrap{
width:100%;
}
div#levi{
width:100%;
height:300px;
border:1px solid;
border-color:#4D4DFF;
}
}
@media only screen and (max-device-width: 561px) {
    .frame {
    width:99%;
    height:auto;

}  
    
}
@media only screen and (max-device-width: 480px) {
#wrap{
width:100%;
}
div#header h1 {
font-size:35px;
}

div#levi{
width:100%;
height:300px;
border:1px solid;
border-color:#4D4DFF;
}
div#levi img {
 width:170px;
 height:250px;
 padding-top:15px;

}
div#desni{

font-weight:bold;
width:100%;
display:inline-block;
}
div#desni h2{
font-size:30px;
text-shadow:-1px -1px 1px red;
} 

div#desni p {
text-align: left;
margin-left:10px;
margin-right:5px;
font-size:18px;
font-weight:bold;
}	
.a {width:75%}

}

@media only screen and (max-device-width: 425px) {
#wrap{
width:100%;
}
div#header h1 {
font-size:25px;
}

div#levi{
width:100%;
height:325px;
border:1px solid;
border-color:#4D4DFF;
}
div#levi img {
 width:180px;
 height:250px;
 padding-top:15px;

}
div#desni{
font-weight:bold;
width:100%;
display:inline-block;
}
div#desni h2{
font-size:30px;
text-shadow:-1px -1px 1px red;
} 

div#desni p {
text-align: left;
margin-left:10px;
margin-right:5px;
font-size:17px;
font-weight:bold;
}
}
@media only screen and (max-device-width: 320px) {
#wrap{
width:100%;
}
div#header h1 {
font-size:20px;
}

div#levi{
width:100%;
border:1px solid;
border-color:#4D4DFF;
}
div#levi img {
 width:160px;
 height:240px;
 padding-top:15px;

}
div#desni{
font-weight:normal;
width:100%;
display:inline-block;
}
div#desni h2{
font-size:30px;
text-shadow:-1px -1px 1px red;
} 

div#desni p {
text-align: left;
margin-left:5px;
margin-right:5px;
font-size:15px;
font-weight:normal;
}

  .frame {
    width:99%;
    height:auto;

}
}