*{
    box-sizing: border-box;
     font-family:Calibri;
}
body, html{
    height:100%;
}
.image{
    background: linear-gradient(rgba(250,250,250, 0.3),
    rgba(250,250,250, 0.7)), url("../photos/login.jpg");
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.back-btn {
    background-color:white;
	width:30%;
	border:solid 2px white;
	border-radius: 5px;
	display:block;
	text-align:right;
}
img{
    height:100%;
    width:360px;
    display:block;
    margin:auto;
}
.line{
    width:100%;
     height:20%;
     background-color:white;
     opacity:0.8;
}
.remainDiv{
      height:80%;
}
.centerDiv{
    position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width:50%;
      border:1px solid black;
      padding:5px;
      margin-top:55px;

}

.littleSpace{
    height:10px;
}

.typeText {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type=tel],input[type=number],input[type=password], input[type=text], input[type=date], select, option{
  width: 60%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.text{
    font-size:35px;
    font-weight:bold;
    
}
form{
    text-align:center;
}
label {
  margin-bottom: 10px;
  display: block;
}

.buttonSubmit{
    font-size: 18px;
    background-color: #CBADDD;
    border-radius: 5px;

}
.mainButton{
    font-size: 25px;
    background-color: #CBADDD;
    border-radius: 5px;
    width:20%;
    color:white;
    border: 1px solid #ddd;

}
@media(max-width: 850px) {
	.container{width:100%;}
}
@media(max-width: 780px) {

}
@media(max-width: 680px) {

}
@media screen and (max-width: 576px) {
    .logo{height:70px;width:180px;}
    .navbar-toggler-icon{width: 20px;height: 20px;}
    #menuHeading{font-size:25px;}
}
@media screen and (max-width: 450px) {
    .logo{height:50px;width:140px;}
    .navbar-toggler .navbar-toggler-icon{width:10px;height:10px;padding:8px 8px 8px 8px;}
    #menuHeading{font-size:18px;}
    .nav-link{font-size:18px;}
    input[type=tel],input[type=number],input[type=password], input[type=text], input[type=date], select, option{
    width: 90%;}
    .centerDiv{
         width: 90%;margin-top:35px;}
    
    img{width:300px;}
    .line{height:15%;}
    .text{
    font-size:25px;}
    .mainButton{width:35%;}
}