.searchforjobs {
  margin: 1em auto;
  text-decoration: none;

}

.searchforjobs a:hover{
  text-decoration: none;
}
.searchforjobs img{
  width: 100%;
  height: 200px;
  text-align: center;
  justify-content: center;

}

.searchforjobs h4{
  text-align: center;
}


.gmapimg{
  margin: 0.5em; width: 400px; justify-content: center; text-align: center ; margin: 0 auto;
}

.banner{
  background-color: #323875;
  background: url("../imgs/logo/contact2.jpg")  center  no-repeat;
  background-size: cover;
display: flex;
align-items: center;
justify-content: center;
  height: 60vh;
}


a{
  color: black;
}

.banner img{
  width: 100%;
  height: 100%;
}
.banner h3{
  font-size: 2.5em;
}
form{
  margin: 1em 0 2em 0;
}
form .btn{
  background-color: #323875;
  border-color: #323875;
  color: #ffffff;
  font-weight: bold;
  padding: .5em 1em;
}
form .btn:hover{
  background-color: #ffffff;
  border-color: #323875;
  color: #323875;
}

.formcard{
  width: 40%;
  margin: 2em auto;
  margin-top: 0;
  padding: 1em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.formcard h4{
  text-align: center;
  color: #323875;
  font-weight: bold;
  text-transform: uppercase;
}
.formcard label{
  font-weight: bold;
  display: none;
  transition: padding-bottom 1em ease;
}
.formcard .form-control{
  border: 0;
  border-bottom: 1px solid;
  border-radius: 0;
}
.formcard .form-control:focus, .formcard input[type="text"]:focus{
  box-shadow: none;
  outline: 0 none;
}
input,textarea{
  margin: 2em auto;
}
.formcard input[type="file"]{
  margin: 0em auto;
}
 /* .formcard input[type="text"]:focus label{
   display: block;
 } */

@media (max-width: 769px){
  .formcard h4{
    font-size: 1em;
  }

  .gmapimg{
  width: 300px; 
}

}
@media (max-width: 500px){
.banner{
  height:40vh;
}
.formcard{
  width: 90%;
}
.formcard h4{
  font-size: 1.2em;
}
form{
  margin:  0;
}
.gmapimg{
  width: 250px; 
}
}