body {overflow: hidden;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
    width: 100%;
    height: 100%;
	background-color: #F7F7F7;
}

img {display: block;}

@media screen and (max-height: 760px) {.flcont {transform: scale(0.95);}}
@media screen and (max-height: 720px) {.flcont {transform: scale(0.9);}}
@media screen and (max-height: 680px) {.flcont {transform: scale(0.83);}}
@media screen and (max-height: 620px) {.flcont {transform: scale(0.78);}}
@media screen and (max-height: 580px) {.flcont {transform: scale(0.70);}}
@media screen and (max-height: 520px) {.flcont {transform: scale(0.64);}}
@media screen and (max-height: 480px) {.flcont {transform: scale(0.56);}}
@media screen and (max-height: 420px) {.flcont {transform: scale(0.5);}}
@media screen and (max-height: 380px) {.flcont {transform: scale(0.42);}}
@media screen and (max-height: 320px) {.flcont {transform: scale(0.35);}}

.wtrmrk {position: absolute; bottom: 10px; right: 10px; cursor: pointer;}

.button {margin: 10px auto;
	border: none;
	border-radius: 3px;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	padding: 7px 40px;
	font-size: 18px;
	line-height: 16px;
	color: #ffffff !important;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
	box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;}
.button:hover {
	background: #0c9c0d linear-gradient(#82d18d, #0A800A);
	text-decoration: none;}
.button:active {
	box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
	color: #fff !important;
	text-decoration: none;
	top: 1px;}
	
textarea{
	width: 95%;
}