html {
    position: relative;
    min-height: 100%;
  }
  
  body {
    text-align: center;
    background-image: url(bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    font-family: 'Arial', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .content {
    width: 75vw;
    position: relative;
    padding: 20px;
    margin-top: 20px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, .5));
    backdrop-filter: blur(10px);
    border-radius: 24px;
    box-sizing: border-box;
    border: 4px solid rgba(255, 255, 255);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  }
  .logo{
    width: 200px;
    margin-top: 15px;
  }
  .content h1 {
    font-size: 2.5em;
    color: #333;
    letter-spacing: 1px;
    padding: 25px 0px;
    text-transform: uppercase;
    margin-top: 0;
  }
  
  .content .input-group {
    margin: 0 auto;
    width: 75%;
  }
  
  .content p {
    color: #333;
    line-height: 30px;
    padding-bottom: 12px;
    margin: 20px 0;
  }
  address{
    font-size: 15px;
  }
  .content a{
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
  }
  @media (max-width: 600px) {
    .content{
      width: 98vw;
    }
    .content h1 {
      letter-spacing: 2px;
      font-size: 25px;
    }
    .content .input-group {
      margin: 0 auto;
      width: 100%;
    }
  }
  
  .content ul.social {
    margin-top: 45px;
  }
  
  .content li a {
    color: #fff;
    margin: 2%;
  }