.panel{
  margin: 5% 10%;
  color: #000;
  background-color: #fff;
  border-radius: 10px;
  width: 85%;
  height: 80%;
  font-size: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.typo-1{
  padding: 7% 0;
  text-align: center;
}

.form-group{
  margin: 25px 0;
}

.form-group input{
  background-color: #fff;
  color: #a0a0a0;
  border: 1px solid #a0a0a0;
}

.form-control:hover, .form-control:focus, .form-control:active, .btn:hover, .btn:active, .btn:focus{
   box-shadow: none;
   border: 1px solid #a0a0a0;
}

.form-group .btn{
  background-color: #00ccff;
  border: 1px solid #00ccff;
  color: #fff;
  font-weight: bold;
}

.btn:hover, .btn:active{
  color: #fff;
}

/*Responsive*/
@media (max-width: 768px){
  .panel{
    width: 100%;
    margin: 25% 0;
  }
}