footer#enfooter3 {
  position: relative;
  --en-website-width: 1100px;
  --logo-width: clamp(70px, calc(104vw / 11), 104px);
  --misc-width: 20%;
  --footer-font-size: clamp(12px, 1.3636vw, 18px);
  --footer-font-family: 'Source Sans Pro', sans-serif;
  --footer-line-height: 1.1;
  --footer-font-color: #FFF;
  --footer-font-color-hover: #FFF;

  --footer-main-width: var(--en-website-width);
  --footer-main-padding-top: ;
  --footer-main-padding-bottom: ;
  --footer-main-background: #531e61;

  --footer-inner-height: 160px;
  --footer-inner-margin-left-right: clamp(0px, calc(var(--footer-main-width) + 10px - 100vw), 10px);
  --footer-inner-column-gap: min(calc(12vw / 11), 12px);
  --footer-inner-row-gap: min(0.9090vw, 10px);
  --footer-inner-flex-wrap: nowrap;

  --contact-font: 600 clamp(14px, calc(19vw / 11), 18px)/1.16666666667 'Source Sans Pro', sans-serif;
  --contact-letter-spacing: ;
  --contact-font-color: #FFF;
  --contact-gap: 13px;
  --contact-padding: 0;

  --misc-font-family: inherit;
  --misc-font-size: 100%;
  --misc-font-color: inherit;
  --misc-flex: 1;
  --misc-gap: min(1vw, 11px);
  --misc-padding: 10px 0;
  --misc-height: clamp(100px, calc(140vw / 11), 140px);
}

#footer-top {
  height: clamp(200px, 36.3636363636vw, 400px);
  background: url('/pics/footer_top_bg.jpg') no-repeat center top, #531e61;
  background-size: cover;
  position: relative;
}

#wrapper #footer-top {
  bottom: 205px;
  position: absolute;
}

#ftr-btm {
  width: 100%;
  background: url('/pics/ftr_top_trans_bg.png') repeat;
  min-height: clamp(55px, 6.81818181818vw, 75px);
  position: absolute;
  bottom: 0;
  left: 0;
}

#ftr-btm p {
  margin: 0;
  font-size: clamp(20px, 3.09090909091vw, 34px);
  color: #fff;
  font-style: italic;
  font-weight: 700;
  font-family: 'Source Sans Pro', sans-serif;
  text-align: center;
  padding: 18px 0 16px;
  text-shadow: 2px -2px 1px #000;
  -webkit-text-shadow: 2px -2px 1px #000;
}

footer.enf2 div.enf-misc img {
  height: clamp(80px, 10.9090909091vw, 120px);
}

footer.enf2 div.enf-contact {
  height: auto;
}

footer.enf2 .enf-logo-wname {
  position: relative;
}

footer.enf2 div.enf-website-name-motto {
  position: relative;
  top: 5px;
  right: 2px;
}

footer.enf2 div.enf-contact {
  height: max-content;
  position: relative;
  left: 97px;
  width: max-content;
  top: 10px;
}

footer.enf2 div.enf-contact div.enf-contact-inner {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

footer.enf2 div.enf-address {
  position: relative;
}

footer.enf2 div.enf-phone {
  position: relative;
  left: 1.2px;
}

footer.enf2 div.enf-misc {
  top: 16px;
  right: 4px;
}

footer.enf2 div.enf-subfooter {
  display: none;
}

footer.enf2 div.enf-misc {
  height: max-content;
  width: max-content;
  justify-self: center;
  padding: 0;
  margin: 0;
  position: relative;
}

footer.enf2 a:any-link {
  text-align: center;
}

footer.enf2>div.enf-main {
  height: 160px;
}

.enf-bottom-footer {
  background: #531e61;
}

.enf-bottom-inner {
  width: min(98%, var(--en-website-width));
  margin: 0 auto;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.edunet {
  width: clamp(150px, 19.1818181818vw, 211px);
  height: clamp(23px, 2.72727272727vw, 30px);
  background: url(/pics/edunet_white.png) no-repeat;
  position: relative;
  color: #FFF !important;
  background-size: contain;
  text-indent: -9999px;
  right: 45px;
}

.enf-website-name a img {
  height: clamp(47px, 6.36363636364vw, 64px);
}

.mentalHealth,
.non-d {
  position: relative;
  text-decoration: none;
  color: #fff !important;
  cursor: pointer;
  font-family: "Mada", sans-serif;
  font-size: clamp(12px, 1.36363636364vw, 15px);
  top: 1px;
}

.mentalHealth {
  right: 2px;
}

.non-d {
  left: 2px;
}

.non-d:hover,
.non-d:active,
.mentalHealth:hover,
.mentalHealth:active {
  text-decoration: underline !important;
}

@media only screen and (max-width: 1130px) {

  footer.enf2 div.enf-misc,
  footer.enf2 div.enf-contact,
  footer.enf2 .enf-logo-wname {
    right: 0;
  }

  footer.enf2 div.enf-misc {
    left: 0;
  }
}

@media (max-width: 1000px) {
  footer#enfooter3 {
    --footer-inner-height: auto;
  }

  footer.enf2>div.enf-main {
    height: max-content;
    padding: 20px 10px;
  }

  .enf-bottom-inner {
    justify-content: space-between;
  }

  footer.enf2.w1100 div.enf-contact div.enf-contact-inner {
    gap: 10px;
  }

  footer.enf2 div.enf-misc {
    top: 0;
  }


  .edunet,
  .mentalHealth,
  .non-d {
    right: 0;
    top: 0;
    margin: 0;
    left: 0;
  }

  footer.enf2 div.enf-contact {
    left: 0;
    justify-self: center;
    top: 0;
  }

  footer.enf2 div.enf-website-name-motto {
    top: 0;
    right: 0;
  }
}

@media only screen and (max-width: 768px) {
  footer.enf2.w1100>div.enf-main>div.enf-main-inner {
    display: grid;
    justify-content: center;
    gap: 25px;
    grid-template-columns: auto;
  }

  footer.enf2 .enf-logo-wname {
    bottom: 0;
    height: max-content;
    justify-content: center;
  }

  footer.enf2 div.enf-misc {
    bottom: 0;
    align-self: center;
    width: 75px;
  }

  footer.enf2 div.enf-website-name-motto {
    right: 0;
    top: 0;
  }

  footer.enf2.w1100 div.enf-contact div.enf-contact-inner {
    gap: 10px;
  }

  .enf-bottom-inner {
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 10px;
    height: max-content;
  }

}


@media only screen and (max-width: 650px) {
  footer#enfooter3 {
    --footer-inner-flex-wrap: wrap;
    --misc-flex: auto;
  }

  .enf-bottom-inner {
    display: grid;
    height: max-content;
    text-align: left;
    padding: 10px 0;
    gap: 10px;
    justify-content: space-between;
  }

  .non-d {
    grid-area: 1 / 2 / 2 / 3;
    white-space: normal !important;
    text-align: right !important;
    width: 98%;
  }

  .edunet {
    grid-area: 2 / 1 / 3 / 3;
    justify-self: center;
  }

  .mentalHealth {
    grid-area: 1 / 1 / 2 / 2;
    white-space: normal !important;
    text-align: left !important;
    width: 98%;
  }
}