@import url('https://fonts.googleapis.com/css?family=Open Sans:300,400,500,700,900&display=swap&subset=latin-ext');

* {
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}

body
{
	margin:0;
	padding:0;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;


}



a
{
	text-decoration:none;
}
*
{
	box-sizing:border-box;
}
p, nav ul li a, nav ul li a:visited
{
	
}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Montserrat', sans-serif;
}
p 
{
	font-size:16px;
	line-height:1.5;
}

.my-header .menu-btn:checked ~ .menu
{
	height:100%;
	max-height:100%;
	text-align:center;
	padding-bottom:20px;
}
.inputy
{
	max-width:550px;
	margin:10px auto;
	padding:20px;
	color: white;
	position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(20%,-70%);
	margin-top: 200px;
	
}
label.rejestracja,
.registration-form label
{
	font-size:18px;
	color:white;
	font-weight:normal;
	min-width: 20%
}
input.rejestracja-input
{
	background:#f8f8f8 !important;
	color:#333 !important ;
	min-width: 79%;
	border: none;
    height: 40px;
    padding: 10px;
	margin-top: 10px;
	border-radius: 3px;
	
}
.registration-form input
{
	background:#f8f8f8 !important;
	color:#333 !important ; 
}
input.wyslij-btn[type="submit"]
{
	width:100%;
	background-color:#18b7d3!important;
  	color: #333333;
	margin-top:10px;
	border: none;
	height: 50px;
	border-radius: 3px;
}



.login-cont
{
	height:100vh;
	width:100%;
	background-color: #2e1646;
	overflow: auto;
}
.przypomnij, .przypomnij:hover
{
	text-align:center;
	color:#18b7d3;
	margin:10px auto;
	width:100%;
	margin-top: 40px;
}
.przypomnij-green
{
	text-align:center;
	color:#18b7d3;
	margin:10px auto;
	width:100%;
}



.digits-form .digits {
    display: flex;
}

.digits-form .digits label,
.digits-form .digits input {
    text-align: center;
}
.digits-form .col {
    flex: 1;
}

.invalid-feedback {
    display: none;
    color: #dc3545;
}

.error-message {
    color: #dc3545;
}

.form-control.is-invalid~.invalid-feedback,
.was-validated .form-control:invalid~.invalid-feedback {
    display: block;
}

.my-logo img {
    height: 40px;
}

.login-cont > div:first-child {
    height: 130px;
    width: 100%;
}

.create_account_benefit{
	text-align: center;
    font-size: 20px;
    color: #18b2e6;
	font-weight: bold;
	padding-top: 30px;
}

h2.h2-header {
    text-align: center;
	color: white;
	margin-bottom: 60px;
}


.login-photo{
	margin-top: 100px;
}