/* CSS FOR FILE ABOUT */
.ModalField{position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;}
	.ModalField__bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;}
	.ModalBox{position: relative;font-size: 14px;max-width: 98%;max-height: 98%;}
		.ModalBox .Modal__wrap{padding: 10px;}
		.ModalBox--shadow{box-shadow: 0 0 10px 1px #000;}
		.ModalBox--white{background: #eee;color: #555;}
		.ModalBox--black{background: #222;color: #eee;}
		.ModalBox--round{-webkit-border-radius: 5px;border-radius: 5px;}
		.ModalBox--w1{width: 20%;}
		.ModalBox--w2{width: 40%;}
		.ModalBox--w3{width: 60%;}
		.ModalBox--w4{width: 80%;}
		.ModalBox--w5{width: 100%;}
		.ModalBox--h1{height: 20%;}
		.ModalBox--h2{height: 40%;}
		.ModalBox--h3{height: 60%;}
		.ModalBox--h4{height: 80%;}
		.ModalBox--h5{height: 100%;}

@media screen and (max-width: 700px){
	.ModalBox--w1{width: 90%;}
	.ModalBox--w2{width: 90%;}
	.ModalBox--w3{width: 90%;}
	.ModalBox--w4{width: 90%;}
}
@media screen and (max-height: 500px){
	.ModalBox--h1{height: 90%;}
	.ModalBox--h2{height: 90%;}
	.ModalBox--h3{height: 90%;}
	.ModalBox--h4{height: 90%;}
}