*{
    font-family:sans-serif;
    box-sizing: border-box;
    outline:none;
    max-width:100%;
}

 

body{
    margin:0;
    background:url('bg2.png');
    background-position:center;
    background-size:cover;
    background-attachment:fixed;
}

 

header{
   padding:30px;
}

header img{
    width:180px;
}

section{
    text-align:center;
    color:white;
}

.form{
    background:rgba(0,0,0,0.7);
    display:inline-block;
    width:450px;
    padding:70px;
    text-align:left;
    border-radius:13px;
 
}

.col{
    margin:20px 0;
}

.col.btn{
    margin:25px 0;
}

input{
    width:100%;
    border:2px solid #2d2d2d;
    background:#2d2d2d;
    padding:15px;
    border-radius:7px;
    font-size:1.1em;
    color:#cbcbcb;
}

input.error{
    border-bottom:2px solid #e69c13;
}

.title{
    font-size:2.6em;
    font-family:calibri;
}

button{
    width:100%;
    border:none;
     border-radius:4px;
    padding:15px;
      font-size:1.1em;
    background:#d91921;
    color:white;
    font-weight:bold;
}

.multi{
    display:flex;
    align-items:center;

}

.multi .left{
    width:50%;
}
.multi .right{
    width:50%;
    text-align:right;
}

.check{
    color:#8d8d8d;
    font-size:0.9em;
}

.register{
     color:#8d8d8d;
    font-family:calibri;
    font-size:1.1em;
}
.register a{
    color:white;
    text-decoration:none;
}

.captcha{
     color:#8d8d8d;
    font-family:calibri;
    font-size:1em;
}

.captcha a{
    text-decoration:none;
    color:#4141ff;
    font-size:0.9em;
}

@media (max-width:800px){
    body{background:black;}
    .form{padding:20px;}
    header{padding:20px;}
    header img{width:80px;}
}