html {
   box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.9);
}

body{
    font-family: 'Muli', sans-serif;
}

.content {
    position: absolute;
    left: 50%;
    top: 10%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

  .logo-image{
      height: 104px;
      width: 395px;
  }

#background-div{z-index: 1;
}

#background-div::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("../images/background.jpg"), 
    linear-gradient(0deg,rgba(0,0,0,0.7),rgba(0,0,0,0.7));
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
    background-blend-mode: overlay;
    opacity: 0.6;
    filter:alpha(opacity=40);
    height:100vh;
    width:100vw;
}

h1 { font-family: Muli; font-size: 23px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 25.3px; } h3 { font-family: Muli; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } p { font-family: Muli; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } blockquote { font-family: Muli; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: Muli; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; }

.p-desc{
    color: #ffff;
    font-size: 17px;
    font-weight: 200;
}

.p-desc-success{
    color: #ffff;
    font-size: 22px;
    font-weight: 200;
}

.span-strong{
    font-weight: bold !important;
}

.span-strong-success{
    font-weight: bold !important;
    color: yellow;
}

.main-content{
    display: flex;
    justify-content: center;
}

.vcenter {
    top: 50%;
    left: 50%;
}

.form-control::-moz-placeholder {
    color: #014A83;
  }
  .form-control:-ms-input-placeholder {
    color: #014A83;
  }
  .form-control::-webkit-input-placeholder {
    color: #014A83;
  }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #014A83;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #014A83;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #014A83;
  }

  .submit-button{
      background-color: #67A4D9;
      color: #ffff;
      border-radius: 0px 0px 0px 0px !important;
      padding: 10px 50px 10px 50px;
  }

  .form-desc{
      margin-bottom: 20px;
  }

  .logo-row{
      margin-bottom: 30px;
  }

  /* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .logo-image{
        height: 94px;
        width: 375px;
    }


    /* .p-desc{
        color: #ffff;
        font-size: 13px;
        font-weight: 200;
    }

    .p-desc-success{
        color: #ffff;
        font-size: 18px;
        font-weight: 200;
    }

    .span-strong{
        font-weight: bold !important;
    }

    .span-strong-success{
        font-weight: bold !important;
        color: yellow;
    } */
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .content {
        position: absolute;
        left: 50%;
        top: 2%;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
    .logo-image{
        height: 54px;
        width: 325px;
    }


    .p-desc{
        color: #ffff;
        font-size: 13px;
        font-weight: 200;
    }

    .p-desc-success{
        color: #ffff;
        font-size: 14px;
        font-weight: 200;
    }

    .span-strong{
        font-weight: bold !important;
    }

    .span-strong-success{
        font-weight: bold !important;
        color: yellow;
    }

    .form-desc{
        margin-bottom: 1px;
    }

    .logo-row{
        margin-bottom: -20px;
    }
}