html { min-height:100%; }
body { height:100%; font-family:'Open Sans', Arial; font-size:16px; color:#4a4a4a; 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:#ee1d25; }
.red:hover { color:#1a1a18; }
.blue { color:#07237d; }
.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%;*/ }
img { max-width:17rem; }
h1 { margin-bottom:3rem; font-size:3.5rem; color:#fff; font-weight:600; }
p { margin-bottom:2rem; font-size:1.75rem; color:#fff; 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; }
/*-------------------- footer --------------------*
a { color:#FFBB0E; font-weight:600; }
a:hover { color:#fff; }
#cookies { text-align:center; padding:4px 20px 4px 20px; font-size:13px; color:#eee; }
#cookies a { margin:0 20px; font-size:13px; color:#fff; }
#cookies a:hover { color:#333; }
#cookies button { border:0; padding:0 5px 1px 5px; color:#000; font-size:13px; background-color:#ddd; }
#cookies button:hover { background-color:#58585a; color:#fff; }
#cookies button#cookiesX { width:18px; height:18px; border-radius:50%; margin-left:15px; padding:0 0 2px 1px; color:#000; line-height:1; }
@media only screen and (max-width:640px) { #cookies { font-size:12px; } }
/*
#cookies { position:fixed; bottom:0; right:0; width:100%; height:27px; text-align:center; background-color:#e3e3e3; padding:4px 20px 4px 20px; font-size:13px; color:#aaa; }
#cookies a { margin:0 20px; font-size:13px; color:#3777bf; }
#cookies a:hover { color:#333; }
#cookies button { border:0; padding:0 5px 1px 5px; color:#000; font-size:13px; background-color:#aaa; }
#cookies button:hover { background-color:#58585a; color:#fff; }
#cookies button#cookiesX { width:18px; height:18px; border-radius:50%; margin-left:15px; padding:0 0 2px 1px; color:#000; line-height:1; }
#cookiesBlank { height:27px; }
#cookiesForm { font-size:12px; color:#777; margin-bottom:14px; }
@media only screen and (max-width:1280px) { #cookies { height:auto; } }
@media only screen and (max-width:640px) { #cookies { font-size:12px; } }
/*------------------ ^ footer ^ ------------------*/
@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:70%; }
} /* 6 - for 768 */
@media (max-width:767px) {
html { font-size:50%; }
img { width:92%; }
} /* 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%; }
} /* 3 - for 414 */
@media (max-width:413px) {
html { font-size:36%; }
img { width:100%; }
} /* 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
*/