@charset 'utf-8';


#glyphs{
	padding-right: 15px;
	width: auto;
	display: block;
}
svg{
	margin-right:0;
}

/*sections
*/.section{
	display: none;
}

.section button{
	margin-top: 1%;
}

textarea{
	height: auto;
}

.textSource01{

border: 1px solid #ccc; 
padding: 10px;

}

.textSource02{

border: 1px solid #ccc; 
padding: 10px; 
height: 535px;
overflow: scroll;
resize: vertical;  
overflow-y: scroll; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;

}

#textEditArea{
    border: 1px solid #ccc; 
    padding: 10px;
    margin-bottom:10px;

}


#activityControls {
    text-align: center;
}

.btn-xxl {
    font-size:30px;
    font-weight:700;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){ 
/* STYLES GO HERE */

	#textEditArea{
        height: 535px;
        max-height: 100%;
        resize: vertical;
        overflow: auto;
        overflow-y: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
    }

}

/*print*/
@media print {
	.btn{
		display: none;
	}
}




