@media only screen and (max-device-width: 1250px) {
  p {
margin-left:20px;
margin-right:10px;
font-size:18px;
}  
#zak {
position:fixed;
margin-top:20px;
display:inline-block;
color:white;
}

#oglas {
 margin-left:10px;   
}
#wrap {
width:550px;
margin-left:-100px;
}
}
@media only screen and (max-device-width: 1100px) {
#zak {
position:fixed;
margin-top:15px;
color:white;
}

#oglas {
 margin-left:1px;   
}
#wrap {
width:550px;
margin-left:-300px;
}
}
@media only screen and (max-device-width: 1000px) {
  p {
margin-left:20px;
margin-right:10px;
font-size:17px;
}    
#zak {
position:fixed;
margin-top:15px;
display:inline-block;
}

#wrap {
width:550px;
margin-left:-300px;
}
}
@media only screen and (max-device-width: 900px) {
#zak {
position:fixed;
margin-top:10px;
display:inline-block;
}

#wrap {
width:550px;
display:inline-block;
margin-left:-300px;
}
}
@media only screen and (max-device-width: 815px) {
#zak {
display:none; 
}
#wrap {
width:550px;
display:inline-block;
margin-left:1px;
}
div#header{
background-color:#0C34FF;
border-style: groove;
border-color: #0C34FF;
border-width: 4px;
}

div#header h1 {
font-weight:bold;
text-shadow:-2px -2px 3px black;
-webkit-text-fill-color: red;
-webkit-text-stroke: 2px lightgray;
text-align: center;
}
div#header p {
font-weight:bold;
color:white;
text-align: center;
}
}
@media only screen and (max-device-width: 700px) {
div#header{
background-color:#0C34FF;
border-style: groove;
border-color: #0C34FF;
border-width: 4px;
}

div#header h1 {
font-weight:bold;
text-shadow:-2px -2px 3px black;
-webkit-text-fill-color: red;
-webkit-text-stroke: 1px lightgray;
text-align: center;
}
div#header p {
font-weight:bold;
color:white;
text-align: center;
}
}
@media only screen and (max-device-width: 600px) {


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

div#header h1 {
font-weight:bold;
text-shadow:-2px -2px 3px black;
-webkit-text-fill-color: red;
-webkit-text-stroke: 1px lightgray;
text-align: center;
}
div#header p {
font-weight:bold;
color:white;
text-align: center;
}
}
@media only screen and (max-device-width: 550px) {
#wrap {
width:99%;
margin-left:1px;
}
  p {
margin-left:20px;
margin-right:10px;
font-size:17px;
} 

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

div#header h1 {
font-weight:bold;
text-shadow:-2px -2px 3px black;
-webkit-text-fill-color: red;
-webkit-text-stroke: 1px lightgray;
text-align: center;
}
div#header p {
font-weight:bold;
color:white;
text-align: center;
}
}
@media only screen and (max-device-width: 450px) {
  p {
margin-left:15px;
margin-right:10px;
font-size:16px;
} 

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

div#header{
background-color:#0C34FF;
border-style: groove;
border-color: #0C34FF;
border-width: 3px;
}

div#header h1 {
font-weight:bold;
text-shadow:0px 0px 0px black;
-webkit-text-fill-color: red;
-webkit-text-stroke: 1px lightgray;
text-align: center;
}
div#header p {
font-weight:bold;
color:white;
text-align: center;
}
img {
border-style:ridge;
 border-width:3px;
 border-color:#7A90A7;
}
}

@media only screen and (max-device-width:300px) {
  p {
margin-left:10px;
margin-right:5px;
font-size:15px;
} 
img {
border-style:ridge;
 border-width:1px;
 border-color:#7A90A7;
width:99%;
}
}