footer.enf2,
footer.enf2 * {
    box-sizing: border-box;
}

footer.enf2 {
    font-family: var(--footer-font-family);
    font-size: var(--footer-font-size);
    color: var(--footer-font-color);
    margin: var(--margin-top) 0 0 0;
}

footer.enf2>div.enf-main {
    padding: var(--footer-main-padding-top) var(--footer-inner-margin-left-right) var(--footer-main-padding-bottom);
    background: var(--footer-main-background);
    position: relative;
}

footer.enf2 a:any-link {
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}

footer.enf2 a:any-link:hover {
    color: var(--footer-font-color-hover);
}

footer.enf2 .enf-subfooter a:any-link:hover {
    color: var(--subfooter-font-hover-color);
}


footer.enf2 .en-powered-by {
    background: var(--poweredby-background-color);
}

footer.enf2 .en-powered-by a:any-link {
    color: var(--poweredby-color);
}


footer.enf2>div.enf-main>div.enf-main-inner {
    width: min(100%, var(--en-website-width));
    margin: 0 auto;
    display: grid;
    column-gap: var(--footer-inner-column-gap);
    row-gap: var(--footer-inner-row-gap);
    justify-content: space-between;
    align-items: center;
    flex-wrap: var(--footer-inner-flex-wrap);
}

footer.enf2>div.enf-main>div.enf-main>* {
    overflow: hidden;
}

footer.enf2 .enf-logo-wname {
    grid-area: enf-logo-wname;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

footer.enf2 .enf-logo-cont {
    position: relative;
    display: flex;
    align-items: start;
    margin-top: var(--logo-margin-top);
    grid-area: enf-logo;
    width: var(--logo-width);
}

footer.enf2 .enf-logo-cont img {
    max-width: 100%;
    max-height: 100%;
    object-fit: scale-down;
    flex-grow: 0;
    box-sizing: border-box;
}

footer.enf2 div.enf-website-name-motto {
    display: flex;
    line-height: var(--website-name-line-height);
}

footer.enf2 div.enf-website-name {
    align-self: start;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font: var(--website-name-font);
    letter-spacing: var(--website-name-letter-spacing);
    row-gap: 4px;
}

footer.enf2 div.enf-website-name br {
    display: var(--website-name-line-break-display);
}

footer.enf2 div.enf-website-motto {
    letter-spacing: var(--website-motto-letter-spacing);
    font: var(--website-motto-font);
    color: var(--website-motto-color);
}

footer.enf2 div.enf-contact {
    grid-area: enf-contact;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    padding: var(--contact-padding);
}

footer.enf2 div.enf-contact div.enf-contact-inner {
    width: min-content;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--contact-gap);
    color: var(--contact-font-color);
    font: var(--contact-font);
    letter-spacing: var(--contact-letter-spacing);
}

footer.enf2 div.enf-address,
footer.enf2 div.enf-phone {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--contact-font-color);
    font: var(--contact-font);
    letter-spacing: var(--contact-letter-spacing);
}


footer.enf2 div.enf-misc {
    grid-area: enf-misc;
    box-sizing: border-box;
    height: var(--misc-height);
    align-self: center;
    font-family: var(--misc-font-family);
    font-size: var(--misc-font-size);
    color: var(--misc-font-color);
    padding: var(--misc-padding);
    display: flex;
    flex-direction: row;
    gap: var(--misc-gap);
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
    flex: var(--misc-flex);
}


footer.enf2 div.enf-misc a {
    display: flex;
    justify-content: center;
    max-height: 100%;
    max-width: 100%;
}

footer.enf2 div.enf-misc img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

footer.enf2 div.enf-subfooter {
    grid-area: enf-sub;
    background: var(--subfooter-background);
    padding: var(--subfooter-padding-top) var(--subfooter-padding-left-right) var(--subfooter-padding-bottom);
    font-family: var(--subfooter-font-family);
    font-size: var(--subfooter-font-size);
    color: var(--subfooter-font-color);
}

footer.enf2 div.enf-subfooter>div.enf-subfooter-inner {
    margin: 0 auto;
    width: min(100%, var(--en-website-width));
    display: grid;
    grid-template-columns: 1fr var(--subfooter-centercont-width) 1fr;
    grid-template-rows: 100%;
}

footer.enf2 div.enf-subfooter>div.enf-subfooter-inner>div {
    overflow: hidden;
    display: flex;
    gap: 12px;
}

footer.enf2 div.enf-subfooter>div.enf-subfooter-inner>div.enf-subfooter-left {
    justify-content: flex-start;
}

footer.enf2 div.enf-subfooter>div.enf-subfooter-inner>div.enf-subfooter-center {
    justify-content: space-evenly;
}

footer.enf2 div.enf-subfooter>div.enf-subfooter-inner>div.enf-subfooter-right {
    justify-content: flex-end;
}


footer.enf2 div.enf-subfooter>div.enf-subfooter-inner img {
    max-width: 100%;
    max-height: 100%;
    object-fit: scale-down;
}

@media (min-width: 768px) {

    footer.enf2>div.enf-main>div.enf-main-inner {
        grid-template-areas: "enf-logo-wname enf-contact enf-misc";
        grid-template-columns: auto 1fr var(--misc-width);
    }
}

@media (max-width: 768px) {

    footer.enf2>div.enf-main>div.enf-main-inner {
        grid-template-areas: "enf-logo-wname enf-logo-wname" "enf-contact enf-misc";
        grid-template-columns: auto 1fr;
    }

    footer.enf2 div.enf-contact {
        justify-content: left;
    }

    footer.enf2 div.enf-misc {
        align-self: flex-end;
    }

    footer.enf2 div.enf-subfooter>div.enf-subfooter-inner>div.enf-subfooter-left,
    footer.enf2 div.enf-subfooter>div.enf-subfooter-inner>div.enf-subfooter-center,
    footer.enf2 div.enf-subfooter>div.enf-subfooter-inner>div.enf-subfooter-right {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    footer.enf2>div.enf-main>div.enf-main-inner {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    footer.enf2 .enf-logo-wname,
    footer.enf2 .enf-logo-cont,
    footer.enf2 div.enf-contact,
    footer.enf2 div.enf-misc {
        justify-self: center;
        justify-content: center;
        flex-wrap: wrap;
        align-self: center;
    }
}

/* Footer */
.school {
    background: url("/pics/school_img.jpg") no-repeat center;
    width: 100%;
    height: 282px;
    background-size: cover;
}


#enfooter2 {
    width: 100%;
    height: 151px;
    background: #fff url("/pics/footer_bg.png") repeat-x;
}

#enfooter2 .enf-main {
    height: 110px;
}

#enfooter2 .enf-main-inner {
    position: relative;
    height: 100%;
}

#enfooter2 #logo {
    width: 144px;
    height: 169px;
    position: absolute;
    left: -51px;
    top: -112px;
}

#enfooter2 #name {
    width: 308px;
    height: 77px;
    text-decoration: none;
    position: absolute;
    top: 17px;
    left: 94px;
}

#district-logo {
    width: 186px;
    height: 92px;
    position: absolute;
    top: 6px;
}

#enfooter2 h3 {
    font-family: 'Zilla Slab', serif;
    font-weight: 700;
    color: #037c0b;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding-bottom: 2px;
}

#enfooter2 .enf-address {
    position: absolute;
    top: 27px;
    left: 430px;

    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 18px;

    color: #000;
    background: url("/pics/adress.png") no-repeat center left;
    padding-left: 40px;
    cursor: pointer;
}

#enfooter2 .enf-phone {
    position: absolute;
    padding: 0px;
    top: 27px;
    left: 674px;

    line-height: 18px;
    letter-spacing: 0.02em;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #000;
    background: url("/pics/adress.png") no-repeat center left;
    padding-left: 40px;
    cursor: pointer;
}

#enfooter2 .enf-phone span {
    letter-spacing: 0.02em;
    margin-left: 0px;
}

#enfooter2 #subfooter2 .subfooter-inner {
    position: relative;
    height: 40px;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#enfooter2 #subfooter2 #edunet {
    width: 192px;
    height: 25px;
    position: absolute;
    left: 444px;
    top: 12px;
}


#enfooter2 #subfooter2 .non-d {
    position: absolute;
    top: 16px;
    right: 0px;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    color: #fff;
    background: #000;
    background-clip: text;
}

#enfooter2 #subfooter2 .non-d:hover,
#enfooter2 #subfooter2 .non-d:active {
    text-decoration: underline;
}

#enfooter2 #subfooter2 .mentalHealth {
    position: absolute;
    top: 16px;
    left: 0px;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    color: #fff;
    background: #000;
    background-clip: text;
}

#enfooter2 #subfooter2 .mentalHealth:hover,
#enfooter2 #subfooter2 .mentalHealth:active {
    text-decoration: underline;
}

@media screen and (max-width:1160px) {
    .school {
        height: clamp(60px, 19vw, 282px);
    }

    #enfooter2 {
        height: auto;
        background: #fff url("/pics/body_bg.png") repeat;
    }

    #enfooter2 .enf-main {
        min-height: 100px;
        height: auto;
        border-bottom: 4px solid;
        border-image: repeating-linear-gradient(to right,
                #ffcc00 0 10px,
                #000 10px 20px) 1;
    }

    #enfooter2 .enf-main-inner {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0 20px;
        box-sizing: border-box;
        grid-template-columns: auto 1fr auto;
    }

    #enfooter2 .enf-logo-cont {
        width: auto;
    }

    #enfooter2 #logo {
        position: static;
        left: -51px;
        top: -112px;

        width: clamp(74px, 10vw, 144px);
        height: clamp(100px, 11vw, 169px);
    }

    #enfooter2 #name {
        position: static;

        width: clamp(170px, 23vw, 303px);
        height: clamp(50px, 20vw, 77px);
    }

    #enfooter2 #name img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    #enfooter2 .enf-address {
        position: static;
        font-size: 16px;
    }

    #enfooter2 .enf-phone {
        position: static;
        font-size: 16px;
    }

    #enfooter2 h3 {
        font-size: 16px;
    }

    #enfooter2 div.enf-misc {
        height: 100%;
    }

    #district-logo {
        position: static;

        width: clamp(100px, 15vw, 186px);
        height: clamp(50px, 8vw, 92px);
    }

    #enfooter2 #subfooter2 {
        background-color: #037c0b;
    }

    #enfooter2 #subfooter2 .subfooter-inner {
        margin: 0;
        padding: 0 20px;
        box-sizing: border-box;
        max-width: none;
    }

    #enfooter2 #subfooter2 #edunet,
    #enfooter2 #subfooter2 .mentalHealth,
    #enfooter2 #subfooter2 .non-d {
        position: static;
    }
}

@media screen and (max-width:850px) {
    #enfooter2 .enf-main-inner {
        padding: 0 10px;
    }

    #enfooter2 #subfooter2 .subfooter-inner {
        padding: 0 10px;
    }

    #enfooter2 #subfooter2 #edunet,
    #enfooter2 #subfooter2 .mentalHealth,
    #enfooter2 #subfooter2 .non-d {
        font-size: 14px;
    }

    #enfooter2 div.enf-contact div.enf-contact-inner {
        gap: 5px
    }
}

@media screen and (max-width:768px) {
    #enfooter2 .enf-main-inner {
        padding: 10px 10px;
        gap: 5px;
    }

    #enfooter2 .enf-logo-wname {
        justify-content: end;
    }

    #enfooter2 div.enf-misc {
        justify-content: start;
    }

    #enfooter2 div.enf-contact {
        justify-content: center;
    }

    #enfooter2 div.enf-contact div.enf-contact-inner {
        gap: 10px;
    }

    #enfooter2 #subfooter2 .subfooter-inner {
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px;
        box-sizing: border-box;
    }

    #enfooter2 #subfooter2 .subfooter-left {
        order: 1;
    }

    #enfooter2 #subfooter2 .subfooter-right {
        order: 2;
    }

    #enfooter2 #subfooter2 .subfooter-center {
        order: 3;
    }
}

@media screen and (max-width:400px) {
    #enfooter2 div.enf-contact div.enf-contact-inner {
        gap: 10px;
        flex-wrap: wrap;
        padding-left: 43px;
        padding-bottom: 10px;
    }
}