.modal {
  display: none; /* Hidden by default */
  position: absolute; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.2); /* Black w/ opacity */
}

.c100 { position: fixed;  width: 100%; height: 100%; padding: 0px;  border: 3px red solid;display:inline-block; overflow: auto;}
.c101 { position: relative;  width: 100%; height: 100%; padding: 0px;  border: 3px red solid;display:inline-block; overflow: auto;}
.cg10 {  width: 100%;  padding: 10px;   border: 3px black solid; overflow: auto;}
.c70 {  float: left;  width: 70%;  padding: 0px;   border: 3px black solid; }
.c30 {  float: left;  width: 30%;  padding: 10px;   border: 3px black solid; overflow: auto;}
.c50 {  float: left;  width: 50%;  padding: 10px;   border: 3px black solid; overflow: auto;}

.clf {  float: left; padding: 10px;   border: 3px black solid; overflow: auto;}
.cdf {  float: left;    padding: 10px;   border: 3px black solid; overflow: auto;}

@media screen and (max-width: 1300px) {
 .c70 { width: 50%; }
 .c30 { width: 50%; }
.c50 { width: 100%; }
}

@media screen and (max-width: 900px) {
 .c70 { width: 50%; }
 .c30 { width: 50%; }
 .c50 { width: 100%; }
}
 @media screen and (max-width: 600px) {
 .c70 { width: 100%; }
 .c30 { width: 100%; }


} 


.div50 {  float: left;  width: 50%;  padding: 10px;  padding_top: 0px;  border: 0px black solid; }
.div100 {  position: relative; width: 100%; padding: 0px;  padding_top: 0px;   border: 0px red solid; display:inline-block; }
.div_hide { position: fixed; z-index:100020; left: 0%; top:0%; width: 100%; height:100%; border: 3px red solid; background-color:red; opacity: 0.5; }
.div_form { position: fixed; z-index:100021; left: 10%; top:10%; width: 80%; height:80%; border: 3px red solid; background-color:white;  }
.div_center {  padding:10px; width: 100%; height:95%; border: 0px grey solid; display: inline-block; overflow:auto; }

@media screen and (max-width: 600px) {
  .div50 {
    width: 100%;
  } 
 
}