@media only screen and (max-device-width: 1260px) {
#kontejner {
width:955px;
}

#right {
display:none;	
}
}
@media only screen and (max-device-width: 955px) {
#kontejner {
width:100%;
}
#wrap{
width:99%;
background:#4D4DFF;
}
div#header h1 {
font-size:40px;
}

div#levi{
width:14%;
border:1px solid;
border-color:#4D4DFF;
height:500px;
}
div#levi img {
 width:100%;
 height:250px;
 padding-top:55px;
}
div#desni{
font-weight:bold;
width:84%;
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:10px;
font-size:19px;
font-weight:bold;
}	
}

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

div#levi{
width:99%;
height:325px;
border-color:#4D4DFF;

}
div#levi img {
 width:30%;
 height:250px;
 padding-top:15px;

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

div#desni p {
text-align: left;
margin-left:15px;
margin-right:10px;
font-size:20px;
font-weight:bold;
}
.classname {
font-size:17px;
	padding:10px 15px;
	text-shadow:1px 1px 0px #c99198;
	margin:2px;
      
}
.klasa {
	font-size:17px;
	padding:10px 15px;
	margin:2px;	
}	
}

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

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

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

}
div#desni{
font-weight:bold;
width:99%;
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;
}
.classname {
font-size:16px;
	padding:10px 15px;
	text-shadow:0px 0px 0px #c99198;
	margin:2px;
      
}
.klasa {
font-size:16px;
	padding:10px 15px;
	text-shadow:0px 0px 0px #c99198;
	margin:2px;
      
}	
}

@media only screen and (max-device-width: 480px) {
#wrap{
width:99%;

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

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

}
div#desni{

font-weight:bold;
width:99%;
display:inline-block;
}
h2 {
   font-size:20px; 
}
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;
}
.classname {
font-size:15px;
	padding:8px 10px;
	margin:2px;
      
}
.klasa {
font-size:15px;
	padding:8px 10px;
	margin:2px;
      
}
 
}
@media only screen and (max-device-width: 320px) {
#wrap{
width:100%;
background:#4D4DFF;
}
div#header h1 {
font-size:25px;
}

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

}
div#desni{

font-weight:bold;
width:99%;
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:18px;
font-weight:normal;
}
.classname {
font-size:14px;
	padding:5px 8px;
	margin:1px;
	
      
}
.klasa {
font-size:14px;
	padding:5px 8px;
	margin:1px;
	
      
}
}