canvas {
    width: 100%;
    max-width: 969px;
    height: auto;
    margin: 0;
}


input[type=text]{
    height: 35px;
    border-radius: 5px;
    padding-left: 5px;
    border: 1px solid #c0c0c0;
    position: relative;
    top: 3px;
}

.done {
	min-height: 300px;
	max-width: 300px;
	border: 1px solid;
	margin-left: 30px;
}

.inspan {
    display: inline-flex;
}

.t {
    font-family: Lexa;
	font-size: 45px;
    /*line-height: 55px;*/
    color: #2380e07a;
    /*text-shadow: 0 0 2px rgba(0, 0, 0, 0.64);*/
    max-height: 1100px;
    overflow-y: hidden;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;

}

.donate_alert {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.72);
	position: fixed;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;


}

.donate_block {
	justify-content: center;
	background: #fbf4ea;
	height: auto;
	width: 100%;
	max-width: 500px;
	padding: 20px;
	justify-content: center;
}

.donate_payments {
	justify-content: center;
	
}


.main {

	padding: 20px;
	min-height: 300px;
}


.menu {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    height: 50px; 
    width: 150px; 
    background-color: #e2e2e2;
    border-right: 1px solid #b6b6b6;
}

.menu:hover { 
    background-color: #b0b0b0;
 }

 .el:hover { 
    background-color: #b0b0b0;
 }

@media screen and (max-width: 768px) {
    .t {
        font-size: 24px;
        /*line-height: 20px;*/
    }
}

textarea:active, textarea:focus {
  outline: none;
}
textarea::-moz-focus-inner {
  border: 0;
}

.text_span {
	display: flex;
	justify-content: center;
	width: 38em;
	margin: 0 auto;
    margin-left: 40px;
    /*margin-top: 55px;*/

}


@media screen and (max-width: 576px) {
	    .text_span {
	        display: flex;
		    justify-content: center;
		    width: 38em;
		    margin: 0 auto;
            margin-left: 1px;
            margin-right: 40px;
            margin-top: 20px;
            
	}
   
}



.filterdive {
	margin-bottom: 10px;
	margin-left: 5px;
}



.example-2 .btn-tertiary{color:#555;padding:0;line-height:40px;width:300px;margin:auto;display:block;border:2px solid #555}
.example-2 .btn-tertiary:hover,.example-2 .btn-tertiary:focus{color:#888;border-color:#888}
.example-2 .input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.example-2 .input-file + .js-labelFile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;cursor:pointer}
.example-2 .input-file + .js-labelFile .icon:before{content:"\f093"}
.example-2 .input-file + .js-labelFile.has-file .icon:before{content:"\f00c";color:#5AAC7B}