/*
	@media (max-width: 640px) {
          label#about {
            display: none;
          }
     }
    */

    label {
      display: inline-block;
      color: #fff;
      background-color: #3c8dbc;
      border-color: #367fa9;
      border-radius: 4px;
      cursor: pointer;
    }
	label.about {
		font-size: 13px;
		padding: 8px 13px;
		margin-top: 5px;
		margin-right: 3px;
	}
	label#close {
		font-size: 21px;
		font-weight: bold;
		padding: 5px 11px 3px 11px;
		float: right;
	}
    label#close:hover {/*opacity: 0.5;*/ background-color: red;}
	label.about:hover {/*opacity: 0.5;*/ background-color: darkorange;}
    label:active {background-color: green;}
    .checker:checked + .modal {
      display: flex;
    }
    .modal {
      display: none;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      /*text-align: center;*/
      background-color: rgba(0,0,0,.4);
    }
    .modal-body {
      width: calc(100% - 100px);
      background-color: #fff;
      border-radius: 4px;
      padding: 15px;
    }
    .modal-content {
      margin-top: 5px;
      padding: 15px;
      height: 238px;
      overflow-y: auto;
	  text-align: justify;
    }
    .modal-footer, .modal-header {
      overflow: hidden;
      text-align: left;
    }
    h2, h3, h4, h5 {display: inline;}