body{
	background-color: #F5F5F5;
	font-family: 'Quicksand', sans-serif;
	color : #030303;
}

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,1);
  z-index: 2000;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 100px;
}

#overlay p{
	margin-top : 100px;
}

img{
	width : 100%;
}

.logo{
	margin-left: auto;
	margin-right:auto; 
	margin-top: 70px;
	margin-bottom: 70px;
}

.connect_form{
	padding-top:80px;
	padding-bottom:45px;
	background-color : #FFFFFF;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
	font-size: 18px;
}

.connect_form input{
	width : 100%;
	border-radius: 20px;
	border: 1px solid #9CC3E1;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.connect_form input:focus{
	outline: none;
}

.connect_button{
	padding: 0;
	margin-top: 3px;
}

.btnSubmit{
	width : 100%;
	border: 0px;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
	background-color: #F18833;
	height: 100px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 30px;
}

.btnSubmit:hover{
	background-color: rgba(241, 136, 51, 0.92);
}

.form_row{
	margin-bottom:35px;
}

.error_connect{
	font-size: 14px;
	color:#FF516E;
	text-align: center;
}

.label_connect{
	padding-top : 5px;
}

@media (max-width: 768px) {
  .col-9, .col-10 {
    margin-left: auto;
    margin-right: auto;
  }
}