#kontejner {
display:inline-block;
}

#left {
width:301px;
float:left;
margin-right:50px;
}
#zik {
position:fixed;
margin-top:30px;
width:301px;
height:601px;
}
#right {
width:301px;
float:right;
margin-left:50px;
}


#zak {
position:fixed;
margin-top:30px;
width:301px;
height:601px;
}


#wrap {
display:inline-block;
width:575px;
border-style:ridge;
}
#header {
background-color:#0451BC;
display:inline-block;
width:100%; 
}
#header p {
    color:white;
}
h1{
font-size: 40px;
  -webkit-text-fill-color:crimson;
  -webkit-text-stroke: 1px pink;
  font-family: "Cooper Black";
 }
div#content {
background-color:white;
font-weight:bold;
border:	2px solid lightgray;
width:99%;
color:black;
}

div#content p {
font-size:18px;
  text-align:left;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 30px;
}

#mobile {
display:none;
}

hr {
   width:90%;  
   height:5px;
        }

p {
text-align:center;
font-size:20px;
font-weight:bold;
font-family:sans-serif;
}


h3 {
   color:red;
   font-size:20px;
        }

h3:hover {
	color:blue;
}
#footer a {
  color:white;
}
#footer a:hover {
  color:red;
}
#footer p {
  color:white;
}
  a {
      color: red;
  }
#footer {
background-color:#0451BC;
color:white;
font-size:15px;
display:inline-block;
width:100%;
}
img {
width:90%;
}
.x {
display:none;
}
@media only screen and (max-device-width: 1490px) {    
 #left {
margin-right:1px;
}
#right {
margin-left:1px;
}  
h1{
font-size: 35px;
}
}
@media only screen and (max-device-width: 1250px) { 
#left {
display:none;
}
#mobile {
display:block;
}
#mobile a {
decoration:none;
}
h1{
font-size: 30px;
}
h3 {
font-size: 17px;
}
div#content {
border:	1px solid lightgray;

}
}
@media only screen and (max-device-width: 1000px) { 
#right {
display:none;
}
h3 {
font-size: 17px;
}
div#content p {
font-size: 18px;
}
img {
width:95%;
}
}

@media only screen and (max-device-width: 599px) { 
#wrap {
  width:98%;
}
h3 {
font-size: 16px;
}

#header p {
font-size: 16px;
}
div#content p {
font-size: 17px;
}
img {
width:99%;
}
}
@media only screen and (max-device-width: 300px) {
  #kontejner {
width:100%;
}    
div#content p {
font-weight:normal;
}
h1{
font-size: 20px;
}
}


