body, html {
    text-align: center;
    background-image: url('../images/children-playing-bg.png');
    background-position: center bottom !important;
    background-size: auto 40%;
    background-repeat: repeat-x;
    height: 100%;
    width: 100%;
}

section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    margin: 0 !important;
    padding: inherit 25px !important;
    background: url('<%= ResolveUrl("~/Images/404-watermark2.png") %>') center center no-repeat;
}


    section img {
        width: 60%;
        height: auto;
        text-align: center;
    }

    section p {
        padding: 0 !important;
        color: #666;
        font-size: 1em;
        display: block;
        text-align: justify !important;
        width: 60%;
    }

    section span {
        font-size: 1em;
        letter-spacing: 1em;
        display: block;
        width: 70%;
        text-align: center !important;
    }

    section .btn-orange {
        background-color: #fb8d3d;
        color: whitesmoke;
        font-weight: 800 !important;
    }
        section .btn-orange:focus,
        section .btn-orange:hover {
            border: #fb8d3d solid .125rem;
            color: #fb8d3d;
        }


    section * {
        margin-bottom: 2rem !important;
    }

    section .adjust {
        display:block;
        height:20vh;
    }


.icon-background {
    color: #ffbd44;
}

@media (max-width:1300px) {

    section span {
        font-size: 1.5vw;
        letter-spacing: .9vw;
        display: block;
        width: 70%;
        text-align: center !important;
    }
}

@media (max-width:500px) {

    section span {
        font-size: 2vw;
        letter-spacing: 1.25vw;
        display: block;
        width: 70%;
        text-align: center !important;
    }
}

@media (max-width:1024px) and (orientation: landscape) {
    
    section .adjust {
        display: none;

    }
}