@media only screen and (max-device-width: 1700px) {
 #wrap {   
display:inline-block; 
height:auto;
}   
#left {
width:301px;
float:left;	
margin-right:1px;
}
#right {
margin-left:1px;
width:301px;
float:right;
}

}
@media only screen and (max-device-width: 1600px) {
#wrapper {
display:inline-block; 
height:auto;
}
    
#left {
display:none;
}
}
@media only screen and (max-device-width: 1190px) {
 #wrap{   
display:inline-block; 
height:auto;
}
  h1{
 font-size: 40px;
font-weight:bold;
  line-height: 40px;
 font-weight:bold;
 padding-left: 8px;
padding-right: 8px;
} 
#headline {
background-color:#25F;
font-size:28px;
text-align:left;
padding-left: 8px;
padding-right: 8px;
padding-top: 10px;
padding-bottom:7px;
text-align:center;
}
div#blank p {
font-size:22px;
  text-align:left;
    padding-top: 20px;
    padding-right: 12px;
    padding-bottom: 0px;
    padding-left: 10px;

}
#right {
display:none;
}

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


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;
}
h2{
font-size:35px;
color:blue;
text-shadow:-1px -1px 2px red;
}
h3 {
color:red;   
}
img {
width:400px;
height:auto;
    
}
div#blok{
background-color:#E0EEEE;
width:99%;
height:auto;
}
#blok p{
font-size:18px;
margin-left:30px;
margin-right:20px;
text-align:left;
}
li {
font-size:17px;
margin-left:15px;
margin-right:10px;
 }


.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;
}   
    
}
@media only screen and (max-device-width: 700px) {
 #wrap{
width:100%;
}


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;
}
h2{
font-size:35px;
color:blue;
text-shadow:-1px -1px 2px red;
}
h3 {
color:red;   
}
img {
width:350px;
height:auto;
    
}
#blok{
background-color:#E0EEEE;
width:99%;
height:auto;
}
#blok p{
font-size:17px;
margin-left:17px;
margin-right:14px;
text-align:left;
}
li {
font-size:17px;
margin-left:14px;
margin-right:9px;
 }
}
@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;
}
h2{
font-size:30px;
color:blue;
text-shadow:-1px -1px 2px red;
}
img {
width:300px;
height:auto;
    
}
div#blok{
background-color:#E0EEEE;
width:99%;
height:auto;
}
#blok p{
font-size:16px;
margin-left:12px;
margin-right:18px;
text-align:left;
}
li {
font-size:16px;
margin-left:10px;
margin-right:10px;
 }
.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:14px;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #c99198;
	margin:2px;
       
}
.classname:hover {
	background:silver;
        color:white;
}   
    
}
@media only screen and (max-device-width: 565px) {
li {
font-size:15px;
margin-left:9px;
margin-right:9px;
 }
.frame {
    width:95%;
    height:auto;

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


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

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;
}
h2{
font-size:27px;
color:blue;
text-shadow:-1px -1px 1px red;
}
img {
width:300px;
height:auto;
    
}
div#blok{
background-color:#E0EEEE;
width:100%;
height:auto;
}
#blok p{
font-size:14px;
margin-left:7px;
margin-right:7px;
text-align:left;
}
li {
font-size:14px;
margin-left:8px;
margin-right:8px;
}
.classname {

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


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

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;
}
h2{
font-size:25px;
color:blue;
text-shadow:-1px -1px 1px red;
}
img {
width:90%;
height:auto;
    
}
div#blok{
background-color:#E0EEEE;
width:100%;
height:auto;
}
#blok p{
font-size:15px;
margin-left:7px;
margin-right:7px;
text-align:left;
}
li {
font-size:15px;
margin-left:7px;
margin-right:7px;
}
.classname {

	background:white;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #573357;
	display:inline-block;
	color:#1c0c1c;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 2px;
	text-decoration:none;
	text-shadow:0px 0px 0px #c99198;
	margin:2px;
       
}
.classname:hover {
	background:silver;
        color:white;
}   
    
}
@media only screen and (max-device-width: 320px) {
li {
font-size:14px;
margin-left:6px;
margin-right:6px;
}    
.classname {
    border:1px solid #573357;
	display:inline-block;
    font-size:12px;
}
}
@media only screen and (max-device-width: 240px) {
.classname {
border:1px solid #573357;
	display:inline-block;
font-size:12px;
}
#blok p{
font-size:15px;
margin-left:3px;
margin-right:3px;
text-align:left;
}
li {
font-size:13px;
margin-left:2px;
margin-right:2px;
}
}