/*
    v1.0.2
    Last changed: 13th Dec 2022
                  3rd Jan 2023 

    Changes:
    Added   .MainBGImage
    added   .Modal-dialog-bottom
 */

.modal-dialog-bottom {
    position: fixed;
    bottom: 0;
    left: 0%;
    right: 0%;
    transform: translate(-50%, -50%);
}


@media (max-width: 500px) {
html {
  font-size: 14px;
}
}

@media (max-width: 600px) {
    .SmallH1 {
        font-size: 14px;
    }
}

@media (min-width: 601px) {
    .SmallH1 {
        font-size: 16px;
    }
}


@media (min-width: 1000px) {
        html {
        }
    }

    .modal.custom .modal-dialog {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
    }


    .NewNotification {
        background-image: url('../img/icons8-alarm-30.png');
        background-repeat: no-repeat;
    }

    .Notification {
        background-repeat: no-repeat;
    }

    .video {
        aspect-ratio: 16 / 9;
        width: 300px;
    }

    .MainBGImage {
        background-image: url('../img/MainImage.png');
        background-position: top center;
        background-size: cover;
    }

    @media (max-width: 1199.98px) {
        .MainBGImage {
            background-position: top center;
            background-size: cover;
        }
    }

    @media (min-width: 1200px) {

        .MainBGImage {
            background-position: top center;
            background-size: contain;
            background-repeat: no-repeat;
        }
    }


    .Header-Image-Signup {
        background-image: url('../img/HeaderSignup.png');
        background-position: top center;
        background-size: cover;
    }

    @media (max-width: 799px) {
        .Header-Image-Signup {
            background-position: top center;
            background-size: cover;
        }
    }

    @media (min-width: 800px) {

        .Header-Image-Signup {
            background-position: top center;
            background-size: contain;
            background-repeat: no-repeat;
        }
    }