/* #walkIn{
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
      text-align: center;
      position: absolute;
      width: 700px;
      margin-left: 50%;
      transform: translate(-50%);
  }
   */
   
   body{
    margin: 0px;
    padding: 0px;
   }

   #logo{
    top: 20px;
    left: 20px;
     position: absolute;
     z-index: 2;
     width: 90px;
     height: auto;
   }

   .instruct{
        position: absolute;
        width: 535px;
        background-color: white;
        border-radius: 25px;
        margin-left: 60%;
        margin-top: 110px;
        transform: translate(-50%);
        height: 495px;
        padding: 0 20px 0 20px;
        box-shadow: 9px 10px 10px 0px rgba(0,0,0,0.16);
   }
   h4{
    font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    color: #003D75;
   }

   img{
    position: absolute;
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: top;
   }
   button{
    padding: 15px 25px 15px 25px;
    font-size: 14px;
    border: none;
    background-color: #B3F9FF;
    border-radius: 20px;
    margin-left: 50%;
    font-weight: bold;
    transform: translate(-50%);
    cursor: pointer;
    transition: .1s;
    box-shadow: inset 4px 2px 9px -4px rgba(0,0,0,0.75);
   }
   #pdf a{
    color: #003D75;
   }
   button:hover{
    background-color: #73F8E2;
    color: #001771;
   }

    a #b1, a #b2, a #b3, a #b4{
    padding: 15px 25px 15px 25px;
    width: 250px;
    font-size: 14px;
    border: none;
    border-radius: 20px;
    margin-left: 50%;
    transform: translate(-50%);
    cursor: pointer;
    margin-bottom: 15px;
    transition: .3s;
    box-shadow: inset 4px 2px 9px -4px rgba(0,0,0,0.75);
   }

   #b1{
    color: #91EFE3;
    background-color: #4255b5;
   }
    #b1:hover{
    background-color: #3658ff;
   }
   #b2{
    color: #91EFE3;
    background-color: #8f4738;
   }
   #b2:hover{
    background-color: #af2c12;
   }
   #b3{
    color: #91EFE3;
    background-color: #3e4c54;
   }
   #b3:hover{
    background-color: #729fb9;
   }
   
   #b4{
    color: #91EFE3;
    background-color: rgb(8, 91, 139);
   }
   #b4:hover{
    background-color: rgb(2, 136, 214);
   }

   a{
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    color: #91EFE3;
   }

    p{
        font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
        text-align: center;
        color: #f1000c;
        font-size: 15px;
        margin-top: 15px;
        font-weight: bold;
   }



   @media only screen and (max-width: 620px) {
    body{
        height: 920px;
    }

    #logo{
         width: 70px;
       }
       
   .instruct{
    width: 300px;
    border-radius: 25px;
    height: 565px;
    padding: 0 20px 0 20px;
    box-shadow: 9px 10px 10px 0px rgba(0,0,0,0.16);
    margin-left: 50%;
    transform: translate(-50%);
}
  }