/* Copyright (c) Wadlemar Umaniz*/

body {
    background-color: #ffffff;
	color: #4076ab;
	font-family: "GidoleRegular";
    font-size: 1em;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background:transparent url(../images/bg_pattern.png) repeat top left;
}

header {
	height: 55vmin;
	min-height: 180px;
	max-height: 308px;	
}

img {
    width: 100%;
    height: auto;
}

a {
	text-decoration: none;
	color: #4076ab;
	letter-spacing: 2px;
}
a:hover, a:active {
    color: #f79011;
}

.container {
	margin: auto;
	max-width: 640px;
	position: relative;
}

.logo {
	bottom: 0px;
	left: 0px;
	position: absolute;
}
.logo > img {
	max-width: 562px;
}

.google_play_store {
	bottom: 6%;
	right: 0px;
	position: absolute;
	width: 100%;
    max-height: 73px;
    height: 12vw;
}
.google_play_store > a > img {
	width: 41vw;
	max-width: 247px;
	right: 15px;
	bottom: 0px;
	position: absolute;
}

.description {
	font-size: 1.3em;
	padding: 0px;
	padding-left: 15px;
	padding-right: 15px;
}

.screenshots {
	padding: 15px;
	display: flex;
	justify-content: space-between;
}
.screenshots > a {
	max-width: 194px;
	width: 28vw;
    height: 100%;
}

.contact {
	margin-top: 20px;
	margin-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	font-size: 1.3em;
}
.contact > div {
	padding-left: 17px;
	padding-right: 17px;
	display: inline;
}

.copyright, .legal {
	margin: 0px auto;
	padding: 2vh 0px 0px 0px;
	text-align: center;
	max-width: 640px;
	width: 80vw;
    font-size: 1em;
}
.legal > a {
	margin: 6px;
}

@media screen and (max-width: 580px) {
	.description {
		font-size: 1em;
	}
	.copyright, .legal {
		font-size: 0.8em;
	}
	.contact {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 380px) {
	.description {
		font-size: 0.8em;
	}
	.copyright, .legal {
		font-size: 0.6em;
	}
	.contact {
		font-size: 0.6em;
	}
}

.noselect {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
	-moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.textSelectionIsOn {
    cursor: auto;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
 }