@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap');
html,
body {
  height: 100%;
}
body {
  background-color: #FEFBEC;
  padding-top: 48px;
}

.loginbox {
    background: url('/pomaz/img/cmsloginbg.png');
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position: left top;
}

.left-loginbox {
    padding: 170px 48px 48px 48px;
}

.right-loginbox {
    background-color: #FFFFFF;
    padding: 80px 100px 100px 100px;
}

.crest-image-holder {
    background-color: #FFFFFF;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    padding: 50px;
    margin: 0 auto;
}

.crest-image{
    max-width: 110px;
}


.well {
  padding: 0 !important;
  background: #fbfbfb;
  border: 0;
}

h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 48px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 56px;
  text-align: center;
  color: #FFFFFF;
  margin-top: 100px;
}
h2 {
  font-family: 'Raleway', sans-serif;
   font-size: 48px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 56px;
  color: #595959;
  text-align: center;

  margin-bottom: 30px;
}
h3 {
  font-family: 'Raleway', sans-serif;
 font-size: 22px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
  color: #3F4441;
  text-align: center;

  margin-bottom: 30px;
}

.label {
color: #515252;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 19px;
}

.form-control {
    border-radius: 0;
    border-top:0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
}

.btn-login {
height: 46px;
  width: 187px;
  background-color: #70854E;
  border-radius: 0;
  margin-top: 20px;
  margin-bottom: 80px;
}

.btn-login:hover {
    background-color: #70854E;
}

.panel-default {
    border: 0;
}

.panel-default>.panel-heading {
    background-color: #ffffff;
    border: 0;
}

@media (max-width:767px) {
    body {
      padding-top: 0px;
    }
    .loginbox {
        background-size: cover;
        background-position: center top;
    }
    .left-loginbox {
        padding: 10px;
    }
    .right-loginbox {
        padding: 10px;
    }

    .crest-image-holder {
        width: 105px;
        height: 105px;
        padding: 25px;
    }

    .crest-image{
        max-width: 55px;
    }



    h1 {
        font-size: 28px;
        line-height: 40px;
        margin-top: 10px;
    }

    h2 {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width:991px) {
    h1 {
        font-size: 36px;
        line-height: 50px;
    }
    h2 {
        font-size: 30px;
    }
}