*{margin: 0; padding: 0;}

body{
min-height:80vh;
max-height:95vh;
background-color:white;
/*border:3px solid blue;
border-radius: 15px  15px;*/
font:11pt/14pt Arial, Verdana, sans-serif;
}

#wrapper{
min-height:95vh;
min-width:780px;
max-width:1280px;
margin: 0 auto;/*center*/
position:relative;
background-color:white;
/*border:2px solid red;*/
/*border-radius: 15px 15px;*/
}

#wrapper h2{
margin-top:10px;
margin-left:15px;
margin-bottom:5px;
color:steelblue;
text-align:left;
}

#menu{
/*left:0%;
top:25px;*/
height:auto;
margin-top:0px;
min-width:100%;
max-width:100%;
/*position:absolute;
text-align: center;*/
/*border:1px solid red;*/
}

#menu a{
float:left;
height: auto;
min-width:12.0%;
max-width:12.45%;
margin-top:10px;
margin-bottom:0px;
text-align: center;
text-decoration:none;
float:left;
/*outline: 0px solid white;*/
}

#menu a:hover{
background: rgb(241,241,241);
text-decoration:underline;
/*outline: 1px solid white;
-ms-transform:skew(-10deg);
-o-transform:skew(-10deg);
-moz-transform:skew(-10deg);
-webkit-transform:skew(-10deg);*/
border-radius:10px 10px 10px 10px;
box-shadow: 0px 0px 5px 0px blue;
}

#menu a:visited,
#menu a:active
{
color:blue;
}

#left ul{
list-style-type:none; /*delete mark*/
}		

#left{
left:0%;
top:90px;
max-height:80vh;
min-height:auto;
min-width:44%;
max-width:45%;
margin-left:5px;
position:absolute;
}

#left a{
text-decoration: none;
color:black;
}

#left a:hover{
background-color: rgb(221,221,221);
/*outline: 2px solid green;*/
text-decoration:underline;
color:blue;
}

#right{
left:45%;
top:90px;
min-height:auto;
max-height:80vh;
min-width:54.5%;
max-width:55%;
margin-left:5px;
position:absolute;
}

.consol{
font:12pt/14pt Consolas;
}

.red{
color:red;
}

.tag{
color:rgb(190,14,24);
}

@media screen and (device-width:1080px) {
body{
font:21pt/31pt Arial, Verdana, sans-serif;
}

#wrapper h2{
color:steelblue;
}

#menu a{
min-width:24.2%;
}

#menu a:hover{
background: white;
}

#left{
display:none;
}

#right{
left:0%;
top:185px;
min-width:100%;
max-width:100%;
height:960px;
display:block;
}

.consol{
font:21pt/23pt Consolas;
}
}

@media screen and (device-width:800px) {
body{
font:18pt/25pt Arial, Verdana, sans-serif;
}

#wrapper h2{
color:steelblue;
}

#menu a{
min-width:24.2%;
}

#menu a:hover{
background: white;
}

#left{
display:none;
}

#right{
left:0%;
top:185px;
min-width:100%;
max-width:100%;
height:960px;
display:block;
}

.consol{
font:18pt/20pt Consolas;
}
}

@media screen and (device-width:720px) {
body{
font:16pt/25pt Arial, Verdana, sans-serif;
}

#wrapper h2{
color:steelblue;
}

#menu a{
min-width:24.2%;
}

#menu a:hover{
background: white;
}

#left{
display:none;
}

#right{
left:0%;
top:185px;
min-width:100%;
max-width:100%;
height:960px;
display:block;
}

.consol{
font:26pt/28pt Consolas;
}
}

@media screen and (device-width:360px) {
body{
font:28pt/35pt Arial, Verdana, sans-serif;
}

#wrapper h2{
color:steelblue;
}

#menu a{
min-width:24.2%;
}

#menu a:hover{
background: white;
}

#left{
display:none;
}

#right{
left:0%;
top:185px;
min-width:100%;
max-width:100%;
height:960px;
display:block;
}

.consol{
font:26pt/28pt Consolas;
}
}