@media only screen and (max-width: 600px) {
  .card {width: 20rem;}
  .form-floating{width: 17rem;font-size:13px;}
  .btn-submit{width: 17rem;}
  .footerLog{font-size:13px;}
  .brandlogo{width: 13rem;height:5rem;}
  .phrase{font-size:13px;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .card {width: 22rem;}
  .form-floating{width: 18rem;font-size:13px;}
  .btn-submit{width: 18rem;}
  .brandlogo{width:15rem;height:5.5rem;}
  .phrase{font-size:13px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .card {width: 25rem;}
  .form-floating{width: 21rem;font-size:16px;}
  .btn-submit{width: 21rem;}
  .brandlogo{width:15rem;height:5.5rem;}
  .phrase{font-size:16px;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .card {width: 27rem;}
  .form-floating{width: 23rem;font-size:16px;}
  .btn-submit{width: 23rem;}
  .brandlogo{width:16rem;height:6rem;}
  .phrase{font-size:16px;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .card {width: 30rem;}
  .form-floating{width: 26rem;font-size:16px;}
  .btn-submit{width: 26rem;}
  .footerLog{font-size:16px;}
  .brandlogo{width:18rem;height:7rem;}
  .phrase{font-size:16px;}
}
.card{
  background-color: #fdfdfd;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border:none;
}

.title{
  display:flex;
  align-items: center;
  justify-content: center;
  padding-top: 3rem;
  padding-bottom:1rem;
}

.form-control:focus{
  border-color:#f2b32e;
  box-shadow: none;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 0rem 0.75rem;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(2.5rem + 5px);
  line-height: 1;
}

.form-floating>label {
  padding: 0.5rem 0.75rem;
}

.footerLog:hover{
  text-decoration: underline;

}

.icon{
  position:absolute;
  top:1rem;
  right:1rem;
  height: 5rem;
  color: rgba(128, 128, 128, 0.616);
}

.btn-submit:hover{
  background-color: #df9f17;
  color:black;
  border: 1px solid #df9f17;
}

.btn-submit{
  background-color: #df9f17;
  color: white;
}

.card{
  height: 10rem;
}