html,body {
  margin: 0;
  padding: 0;
  width:100%;
  text-align: center;
  background: linear-gradient(160deg, #b6c6ec 30%, gold);/*(160deg, #b6c6ec 20%, #fc8)*/
  font-family: Verdana, sans-serif; 
  font-size: 100%;
  text-align: left;
 }
.colAB{
  width: 100%;
}
@media only screen and (min-width: 650px) {
 .colAB {
    width: 50%;
    float: left;
  }
}
/*@media only screen and (min-width: 768px) {For desktop: }
.c {float: left;padding: 15px;border: 1px solid transparent;}*/
.row {
  margin: 1%;
}
.row:after {
  content: "";
  clear: both;
  display: table;
}
.mdiv0 {
  width: 98%;
}
/*#divA {
  width:100%;
}*/

#v {
  width:100%;
  float:left;
}
video {
  width: 100%;
  height:auto ;/*56%*/
}
#title {
  text-align: center;
  width:99%;
  font-size:80%;
  font-weight: bold;
  color : yellow;
  background-color: crimson;/*#e55*/
}
.smal{
  font-size: 80%;
}
.mdiv {
  border: 2px solid crimson;/*#e55*/
  width: 98%;
}
#divB {
  width:24%;
  float:right;

  border: 2px solid transparent;
}
.menu {
  float: left;
  width: 50%;
  cursor: pointer;
}
/*#m1 {
  padding: 2px;
  width: 24%;
  float: left;
}*/
.m {
  padding: 2px;
  width: 24%;
  float: right;
}
.track {
  cursor: pointer;
  padding: 3px;
  background-color: transparent;
  color : black;
  font-weight: bold;
  border: 2px solid transparent;
}
.track:hover {
  color : yellow;
  background-color: crimson;
} 
.top0 {
  width: 45%;
float: left;
}
.top70 {
  width: 70%;
float: left;
}
.top100 {
  width: 96%;
float: left;
}
.lef {
  width: 42%;
  float: left;
}
.rig {
  width: 50%;
  float: right;
}
.link{
  width: 80%;
  text-align:right;
  margin-right: 10px;
  margin-bottom: 5px;
}
a {
  font-size: 80%;
  background-color: #ffa;
  color : blue;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 2px;
}