@media (max-width: 240px){html{font-size: 20%;} } 
@media (min-width: 250px){html{font-size: 35%;} } 
@media (min-width:480px){html{font-size: 50%;} } 
@media (min-width:600px){html{font-size: 50%;} }
@media (min-width:768px){html{font-size: 70%;} }
@media (min-width:1024px){html{font-size: 70%;}}

h1{color: #000;font-size: 5rem;}
h2{color: #000;font-size: 4rem;}
a{color: #0261DB;}
.hr{margin: 10px auto; border-bottom: 1px solid #ccc; text-align: center; position: relative; width: 90%;}
.hr span{display: none;}


body{background-color: #f2f2f2; padding: 0!important; width: 100%; margin: 0;}

.toppanel{background-color: #fff; border-botom: 1px solid #ccc; text-align: center; min-height: 5rem; line-height: 5rem; box-shadow: 0 0 2rem #ccc; padding: 2rem 0;}
.toppanel .toplogo{height: 5rem;}


.auth{width: 90%; margin: 5rem auto; font-family: sans-serif; font-size: 3rem; background-color: #fff; border-radius: 0.5rem; box-shadow: 0 0 2rem #ccc; padding: 20px;}

.auth h1, .auth h2{font-size: 5rem; margin: 0 0 2rem 0!important;}

.pathcontainer{background: #d7cdaf; margin-top: -5rem; padding: 0;}
.pathcontainer .pathlayer{background: none;}
.pathcontainer .pathlayer a {color:#6d4300; text-decoration: none;}

.authheader{width: 100%; padding: 0; font-size: 3rem;}
hr{background-color: #f2f2f2; border: 0; height: 1px; display: block; width: 90%; margin: 4rem auto;}

.authheader .authtext {margin: 0 auto 5rem auto; width: 90%;}

.regtext {margin: 0 auto 30px auto; width: 90%; text-align: center; font-size: 3rem;}
.vkauth{width: 90%; margin: 0 auto;font-size: 3rem!important;}
.vkauth h2{font-size: 3rem!important;}
.vkauth .vkauthcontainer{width: 50%; font-size: 4rem!important;}

.authform{width: 90%; margin: 0 auto;}
.authform input[type="text"], .authform input[type="password"]{font-size: 3rem; padding: 2rem 2%; width: 96%; border-radius: 0.5rem; border: 1px solid #ccc;}
.authform .aflegend{font-size: 2.5rem!important; margin-bottom: 1rem; margin-top: 3rem;}
.authform p{margin: 0 0 2rem 0!important;}
.authform .reglink{display: inline-block; font-size: 2.5rem; margin: 1rem 0; text-decoration: none; border-bottom: 1px dotted #333; padding-bottom: 1rem;}

.authform .startauth{background-color: #1B6DFF; color: #fff; padding: 1.5rem; font-size: 3rem; cursor: pointer; text-align: center; border-radius: 0.5rem; margin: 1rem 0 3rem 0; text-decoration: none; display: inline-block;}

.cookiemessage{padding: 0 5%; color: #777;}