.hidden{
            display: none;
        }

        #inner-body{
            min-height: 100vh;
            font-family: Verdana, Arial;
            min-height: calc( 100vh - 4em );
        }

        /* place holder color */
        /*--------------------------------------*/
        ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: lightgrey;
            opacity: 1; /* Firefox */
        }
        :-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: lightgrey;
        }
        ::-ms-input-placeholder { /* Microsoft Edge */
            color: lightgrey;
        }
        .editable:empty:before {
            content: attr(data-placeholder);
        }


		@media screen and (min-width: 768px) {
			body{
				font-size: 43.2px;
				width: 768px;
				margin: 0 auto;
			}



			#outerBox-BAD{ 
				width: 768px;
				margin-top: 43.2px;
			}
			#msgOuterBox{
                width: 768px;
            }

            #header{
				/*height: 84.5px;*/
				/*font-size: 46px;*/

                width: 768px;
                margin: 0 auto;
                position: sticky;
            
			}

            #icon{
				/*width: 92px;*/
				/*left: 11px;*/
				width: 2.15em;
				left: 0.3em;
			}

			#logo{
				/*padding-left: 23px;*/
				padding-left: 0.4em;
			}
			
		}