body{
    background-image:url('img/Phone.png');
    background-color:#FFFDF5;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:  220px 0; 
    font-family: 'Lato', sans-serif;
  }
  .card{
    margin: 60px 0 0 0;
    background-color: transparent;
    box-shadow: none;
  }

form{
padding:10%;
}
h1{
font-weight:bold;
font-size: 48px;
color:#2B2D42;
width:100%;
}

#spinner{
  visibility: hidden;

}
@keyframes spin {
  from {
      transform: rotate(0deg);
  } to {
      transform: rotate(360deg);
  }
}
#spinner.show {
  visibility: visible;
  width: 80px;
  height: 80px;

  border: 2px solid #f3f3f3;
  border-top:3px solid #f25a41;
  border-radius: 100%;

  /* position: absolute; */
  top:100;
  bottom:0;
  left:0;
  right: 0;
  margin-top: 45%;
  margin-left: 50%;
  animation: spin 1s infinite linear;
}
p{
font-size: 1.8vh;
font-weight: normal;
color:#2B2D42;
margin-bottom: 30px;
}
.content{
  width:85%;
}
.form-control{
margin-top:20px;
width:80%;
height:56px;
background: #F2EDEB;
border-radius: 8px;
border-color: #F2EDEB;
font-size: 1.5vh;
}
.btn{
width: 80%;
margin-top:20px;
margin-left:-1px;
background-color:#FF5666;
border-radius: 4px;
color: #FFFFFF;
font-weight: bold;
font-size: 18px;
text-transform: none;
}
#card2{
  display:none;
  }
@media only screen and (min-width: 1600px) {
body{
    background-position:  180px 0; 
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {

    .card{
margin: 15vw 0 0 0;
}
.form-control{
  width:100%;
  height:72px;
  }
  .btn{
    width: 100%;
    height:76px;
    
    }
    .content{
      width:100%;
    }
    #spinner.show {

      margin-top: 75%;

    }
}

@media only screen and (min-width: 991px) and (max-width: 1600px) {
body{
    background-position: -164px 50%; 
  }
}
@media only screen and (max-width: 992px) {
body{
background-position:  2% 2px; 
}
.form-control{
width:100%;
height:72px;
}
h1{
font-size: 65px;
width:100%;
}
p{
font-weight: normal;
color:#2B2D42;
}
#spinner.show {
  margin-top: 62vh;
}

.content{
  width:100%;
  text-align: left;
}
#card2{
  margin-top:25vh;
  }
.btn{
width: 100%;
height:76px;
font-size: 35px;

}
.card{
margin: 80vw 0 0 0;
}
}