html { height:100%; }
body { height:100%; font-family:"Antic Didone", serif; font-size:16px; color:#4a4a4a; background:linear-gradient(0deg, rgba(210,210,210,1) 0%, rgba(247, 246, 255,1) 100%);	/*	 #f7f6ff;		'Open Sans', Arial			background:linear-gradient(0deg, rgba(119,34,238,1) 0%, rgba(212,72,215,1) 100%);*/ 		/* background:url('/img/bg.jpg') no-repeat center center; background-size:cover;	no-repeat 635px -105px; background-size:734px 734px;*/ }
a { color:#000; }
a:hover, a:active, a:focus { color:#000; }
a:focus, a:active, button:focus { outline:none; }
.red { color:#e60c0c; }
.red:hover { color:#1a1a18; }
.blue { color:#201b79; }
.grey { color:#4f4f4f; }
.bgGrey { background-color:#4f4f4f; }
.bgGrey:hover { background-color:#222; }
.nowrap { white-space:nowrap; }
.unstyle { list-style:none; padding:0; }
.unstyle li, .unstyle a { display:inline-block; }
li, .container, .relative { position:relative; }
#alert { position:relative; background-color:#fff; padding:20px; width:auto; max-width:600px; margin:20px auto; }
.bo { border:1px solid blue; }
.b {  background-color:#ee9; }
.vertical-middle { vertical-align:middle; }

/*-------------------- HEADER --------------------*/

section { height:100%; display: flex; flex-direction: column; justify-content: center; }
img { width:22rem; margin-bottom: 4rem;}
svg { max-width:2.5rem; margin-bottom: 4rem;}
h1 { margin-bottom:3.5rem; font-size:4.5rem; color:#bbb; letter-spacing: 11px; }
p { margin-bottom:2rem; font-size:1.75rem; color:#201b79; line-height:1.2; }

input.form-control { width:26rem !important; height:3rem; font-size:1.5rem; }
.invalid-feedback { font-size:1rem; color:#fff; }
.btn { height:3rem; font-size:1.625rem; font-weight:600; background-color:#d448d7; color:#fff; line-height:1.2; }
h3 { font-size:2.5rem; color:#fff; }



@media (max-width:1919px) {

}	/* 12 - for 1680 */


@media (max-width:1679px) {
 html { font-size:96%; }
}	/* 11 - for 1600 */


@media (max-width:1599px) {
 html { font-size:90%; }
}	/* 10 - for 1440 */


@media (max-width:1439px) {

}	/* 9 - for 1366 */
@media (min-width:1400px) {
}


@media (max-width:1365px) {
 html { font-size:84%; }
}	/* 8 - for 1280 */


@media (max-width:1199px) {
 html { font-size:74%; }
}	/* 7 - for 1024 */
@media (min-width: 1200px) {
 .container { /*width:970px;*/ }
}


@media (max-width:991px) {
 html { font-size:66%; }
}	/* 6 - for 960, 800 */
@media (min-width:992px) {
}

@media (max-width:799px) {
 img { width:40%; }
 svg { max-width:3rem; }
}	/* 6 - for 768 */

@media (max-width:767px) {
 html { font-size:50%; }
 img { width:50%; }
}	/* 5 - for 640, 740 */
@media (min-width:768px) {
}


@media (max-width:639px) {
 html { font-size:46%; }
}	/* 4 - for 480, 540 */


@media (max-width:479px) {
 html { font-size:40%; }
 svg { max-width:4rem; }
}	/* 3 - for 414 */


@media (max-width:413px) {
 html { font-size:36%; }
}	/* 3 - for 375, 412, 414 */


@media (max-width:374px) {
 html { font-size:34%; }
}	/* 2 - for 360 */


@media (max-width:359px) {
 html { font-size:30%; }
}	/* 1 - for 320 */

/*
	Desktop + Console:				75.9% + 0.06%
	Nov.2017. Worldwide		LV
f  1366 x 768		29.1%		28.2		!
a  1920 x 1080		17.4%		24.8		!
e  1440 x 900		7%			5.1				my screen
c  1600 x 900		5.7%		-
h  1280 x 800		5.2%		T			!
g  1280 x 1024		4.6%		6.4			!
d  1536 x 864		-			4.5			!
b  1680 x 1050		-			4			!

	Tablet:							2.7%
	Nov.2017. Worldwide		LV
m  768 x 1024		58.4%		46			!
-  1280 x 800		6%			17.7
q  600 x 1024		4.8%		-
p  601 x 962		3%			2.5
l   800 x 1280		3%			5.9			!
j  1024 x 600		2.4%		-
i  1024 x 768		-			5.6			!
k  962 x 601		-			2.3

	Mobile:							21.3%
	Nov.2017. Worldwide		LV
u  360 x 640		40.42%		49.3		!
t  375 x 667		9.5%		11.4		!
n  720 x 1280		5.5%		-
v  320 x 568		4.7%		8.3			!
z  320 x 534		3.69%		-
r  414 x 736		3.61%		2.5			!
o  640 x 360		-			4			!
s  412 x 732		-			2.7
*/