@media only screen and (max-width: 1024px) {
    body {
        font-family: 'tahoma', segoe ui;
        background-image: linear-gradient(125deg, #2c3e50, #27ae60, #2980b9, #e74c3c, #8e44ad);
        background-size: 400%;
        background-repeat: no-repeat;
        animation: bgani 10s infinite;
    }

    @keyframes bgani {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }

    .bor {
        box-shadow: 1px 2px 3px black;
        margin: auto;
        padding: 0px 10px;
    }

    header p {
        font-size: 30px;
        font-family: Fascinate;
        text-align: center;
    }

    .logos {
        width: 80%;
        margin: auto;
        text-align: center;
    }

    .boys {
        height: 25vh;
    }

    .girls {
        height: 25vh;
    }

    .choose {
        font-family: tahoma;
        text-align: center;
        margin-top: 50px;
    }

    footer p {
        text-align: center;
        font-style: italic;
        font-size: 17px;
    }

    .sign {
        position: absolute;
        height: 20vh;
        filter: drop-shadow(1px 2px 3px black)
    }

    .aling {
        text-align: center;
        margin-right: 145px;
        margin-top: -65px;
        margin-bottom: 0px;
    }

    .hr {
        margin-bottom: -40px;
        margin-top: 40px;
        filter: drop-shadow(1px 2px 3px black);
    }

    .deco1 {
        font-size: 13px;
        margin-top: 50px;
        margin-bottom: -18px;
    }

    .deco2 {
        font-family: Fascinate;
        filter: drop-shadow(1px 2px 3px black);
    }
}