* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	
}

html, body {
	height: 100%;
	font-size:1.1em;	
}

h1,h2,h3 {
	font-family: 'Jura', Arial, Helvetica, sans-serif;
	font-size:larger;
}

td,th {
text-align:left;
}

.container {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.content {
	flex: 1 0 auto;
}
.footer {
	flex: 0 0 auto;
}

.crapdiv {
margin-top:4px;
display:block;
float:left;
bborder-style:solid;
bborder-width:1px;
mmargin:10px;
padding:2px;
width:320px;
}

.cbutton {
cursor:pointer;
border-style:solid; 
border-width:1px; 
display:inline-block; 
padding:4px; 
margin:4px;
width:90px;
text-align:center;
}

.crapmenu {
cursor:pointer;
border-style:solid; 
border-width:1px; 
padding:4px;
width:20em; 
}

#source, #target, #source1 {
border-style: solid;
border-width:1px;
overflow: auto;
font-size:1em;
width:100%;
padding:0.0em 0.5em;

}

#source {
height:8em;
}

#target {

}

#content {

}

#stat td  {
	border-style:inherit;
	border-width:inherit;
	border-color:inherit;
	padding:2px 4px;
}

#stat td:last-child  {
text-align:right;	
}

h1 {
font-size:3em;
padding:4px 10px 10px 8px;
}

/* Large desktops and laptops */
@media screen and (max-width: 1200px) {

}


/* Portrait tablets and medium desktops */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	@media screen and (orientation:portrait) {
		}

	@media screen and (orientation:landscape) {

}

}



/*
iPad landscape · width: 1024px
*/
@media screen and (max-width : 1024px) {
	@media screen and (orientation:portrait) {
		}
	@media screen and (orientation:landscape) {
	}
}


/*
736px
*/
@media screen and (max-width : 736px) {
}



/*
iPhone eXpensive portrait · width: 375px 
iPhone eXpensive landscape · width: 734px
*/
@media screen and (max-width : 734px) {
}



/*
Android (Pixel 2) portrait · width: 412px
Android (Pixel 2) landscape · width: 684px
*/
@media screen and (max-width : 684px) {
	@media screen and (orientation:landscape) {
	}
}
/*
iPhone 6-8 portrait · width: 375px
iPhone 6-8 landscape · width: 667px
*/
@media screen and (max-width : 667px) {

	@media screen and (orientation:landscape) {
	}
}

/*
480
*/
@media screen and (max-width : 480px) {

	@media screen and (orientation:landscape) {
	}
}

/* Портретная ориентация шаблона */

@media screen and (orientation:portrait) {

}

/* Ландшафтная ориентация шаблона*/

@media screen and (orientation:landscape) {

}