html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}




html {
    position: relative;
    min-height: 100%;
}

    h1, h2, h3, h4, h5, h6 {
        font-family: Arial 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    }

    h1 {
        font-size: 3rem;
        margin-bottom: 10px;
        color: crimson;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1rem;
        margin-bottom: 5px;
        margin-top: 3px;
    }

    @keyframes fader {
        from {
            opacity: 1.0;
        }

        to {
            opacity: 0.0;
        }
    }

/**********************MOBILE FIRST*************************************/
    .show-sm-only {
        display: none !important;
    }

    #slider {
        margin: 0 auto;
        max-width: 950px;
        height: 224px;
        margin-top: 10px;
        /*        position: center;
        top: 10%;*/
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        display: block;
        unicode-bidi: isolate;
        /*        flex-shrink: inherit;*/
        /*        border: solid 1px;*/
        /*    left: 10%;*/
    }

        #slider a {
            position: absolute;
        }

            #slider a img {
                padding: 10px;
                background: black;
                width: 960px;
                height: auto;
            }

            #slider a:nth-of-type(1) {
                animation-name: fader;
                animation-delay: 4s;
                animation-duration: 1s;
                z-index: 20;
            }

            #slider a:nth-of-type(2) {
                z-index: 10;
            }

            #slider a:nth-of-type(n+3) {
                display: none;
            }



        #slider ul, #slider li {
            margin: 0;
            padding: 0;
            list-style: none;
            position: center;
            display: block;
        }

    #ind-bottom-wrapper {
        margin: 0 auto;
        background-color: white;
        width: auto;
        height: auto;
        /*    position: center;*/
        /*    top: auto;*/
    }

    #ind-bottom-content {
        margin: 0 auto;
        padding-top: 20px;
        background-color: white;
        width: auto;
        height: 250px;
        display: block;
        /*    resize: both;*/
        /*    right: 4%;*/
        /*    position: absolute;*/
    }



    img, object {
        max-width: 97%;
        max-height: auto;
        display: block;
        align-content: center;
        object-fit: contain;
    }

    #contact_p_container {
        margin: auto 0;
        height: 25rem;
        display: block;
        position: relative;
    }

    #contact-top-container {
        margin: 0 auto;
        background-color: white;
        width: auto;
        height: auto;
        resize: both;
        position: relative;
    }

    .send-box {
        padding-top: 20px;
        width: 60px;
        height: auto;
        position: relative;
    }

    .contact-form {
        border: solid 1px black;
        width: auto;
        height: auto;
        padding: 30px;
        display: block;
        position: relative;
    }

    #contact_photo_container {
        margin: 0 auto;
        width: 300px;
        height: 450px;
        display: block;
        position: relative;
        object-fit: contain;
    }

    #event-photo-container {
        margin: 0 auto;
        height: 370px;
        width: 290px;
        display: block;
        padding-left: 12px;
        object-fit: contain;
    }



    table {
        width: auto;
        display: block;
    }

    tbody {
        width: 299px;
    }



    p {
        color: #000;
        text-align: justify;
        line-height: 150%;
        margin-bottom: 15px;
        padding-bottom: 150px;
        font-family: Tahoma, Geneva, sans-serif;
    }

        p.indent {
            margin: 40px;
        }



    #ind-past-container {
        margin: auto 0;
        width: 100%;
        height: 30rem;
        position: relative;
    }

    #ind-past-event-header {
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
        justify-content: center;
    }



    #ind-upcoming-event-header {
        width: 100%;
        height: auto;
        padding-top: 2rem;
        padding-left: 2rem;
        display: flex;
        justify-content: center;
    }

    #ind-upcoming-event-container {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        right: 25%;
    }



    #ind_photo_container {
        width: 100px;
        height: 730px;
        position: inherit;
        display: block;
    }

    #ind_news_bottom-container {
        margin: 0 auto;
        background-color: white;
        width: auto;
        height: auto;
        display: block;
        position: relative;
    }

    #event-text-container {
        height: 10rem;
        width: auto;
        position: center;
        display: block;
        top: 10%;
        left: 2.9%;
    }

    p {
        color: #000;
        text-align: justify;
        line-height: 150%;
        margin-bottom: 15px;
        padding-bottom: 150px;
        font-family: Tahoma, Geneva, sans-serif;
    }

        p.indent {
            margin: 40px;
        }

    #contentHeading {
        font-size: 15px;
        font: bolder;
        padding-top: 10px;
    }
    #about-top-container {
        margin: 0 auto;
        background-color: white;
        width: auto;
        height: 710px;
        resize: both;
        position: relative;
        display: block;
        top: 22%;
    }

    #about_photo_container {
        width: auto;
        height: auto;
        position: relative;
        display: block;
    }

    #about_top_p_container {
        margin: auto 0;
        width: auto;
        height: 420px;
        position: relative;
        display: block;
    }
    #about_bottom-container {
        margin: 0 auto;
        height: 700px;
        width: auto;
        position: relative;
        display: block;
        padding-top: 50px;
    }

    #about_bottom_p_container1 {
        margin: auto 0;
        width: auto;
        height: 190px;
        position: relative;
        display: block;
        bottom: 7%;
    }

    #about_bottom_p_container2 {
        margin: auto 0;
        width: auto;
        height: 30%;
        position: relative;
        display: block;
        bottom: 6%;
        /*        top: 60.5%;*/
        /*        left: 17.5%;*/
        /*        transform: translate(-50%, -50%);*/
    }

    #about_bottom_photo_container {
        margin: auto 0;
        width: auto;
        height: auto;
        position: relative;
    }


 




/*************** Small devices (portrait tablets and large phones, 600px and up) * /************************************************/

    @media (min-width:600px) {


        table {
            width: auto;
            display: block;
        }

        tbody {
            width: 299px;
        }



        p {
            color: #000;
            text-align: justify;
            line-height: 150%;
            margin-bottom: 15px;
            padding-bottom: 150px;
            font-family: Tahoma, Geneva, sans-serif;
        }

            p.indent {
                margin: 40px;
            }

        #slider {
            margin: 0 auto;
            width: 540px;
            height: 300px;
            margin-top: 10px;
            margin-right: auto;
            margin-left: auto;
            box-sizing: border-box;
            display: block;
            unicode-bidi: isolate;
        }

            #slider a {
                position: absolute;
            }

                #slider a img {
                    padding: 10px;
                    background: black;
                    width: 540px;
                    height: auto;
                }

                #slider a:nth-of-type(1) {
                    animation-name: fader;
                    animation-delay: 4s;
                    animation-duration: 1s;
                    z-index: 20;
                }

                #slider a:nth-of-type(2) {
                    z-index: 10;
                }

                #slider a:nth-of-type(n+3) {
                    display: none;
                }



            #slider ul, #slider li {
                margin: 0;
                padding: 0;
                list-style: none;
                position: center;
                display: block;
            }

        img, object {
            max-width: 97%;
            max-height: auto;
            display: block;
            align-content: center;
            object-fit: contain;
        }


        /***************EVENT****************/
        #event-photo-container {
            margin: 0 auto;
            height: 500px;
            width: 390px;
            display: block;
            padding-left: 12px;
            object-fit: contain;
        }

        #event-text-container {
            height: 140px;
            width: auto;
            position: relative;
            display: block;
            top: 10%;
        }
    

/********INDEX***********************8*/
    #ind-bottom-wrapper {
        margin: 0 auto;
        background-color: white;
        width: auto;
        height: auto;
        /*    position: center;*/
        /*    top: auto;*/
    }

    #ind-bottom-content {
        margin: 0 auto;
        padding-top: 20px;
        background-color: white;
        width: auto;
        height: 250px;
        display: block;
    }
    #ind-past-container {
        margin: auto 0;
        width: 100%;
        height: 375px;
        position: relative;
    }

    #ind-past-event-header {
        width: 100%;
        height: auto;
        display: block;
    }



    #ind-upcoming-event-header {
        width: 100%;
        height: auto;
        padding-top: 2rem;
        padding-left: 2rem;
        display: block;
    }

    #ind-upcoming-event-container {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        right: 15%;
    }

    #ind_photo_container {
        margin: auto 0;
        width: 175px;
        height: 730px;
        position: inherit;
        display: block;
        padding-right:10px;
    }

    #ind_news_bottom-container {
        margin: 0 auto;
        background-color: white;
        width: auto;
        height: auto;
        display: block;
        position: relative;
    }



    p {
        color: #000;
        text-align: justify;
        line-height: 150%;
        margin-bottom: 15px;
        padding-bottom: 150px;
        font-family: Tahoma, Geneva, sans-serif;
    }

        p.indent {
            margin: 40px;
        }
 /************ABOUT*******************************/

    #about-top-container {
        margin: 0 auto;
        background-color: white;
        width: auto;
        height: 700px;
        resize: both;
        position: relative;
        display: block;
        top: 22%;
    }

    #about_photo_container {
        margin: auto 0;
        width: auto;
        height: auto;
        position: relative;
        display: block;
        padding-bottom: 20px;
        justify-items: center;
    }

    #about_p_container {
        margin: auto 0;
        width: auto;
        height: auto;
        position: relative;
        display: block;


    }

        #about_bottom-container{
            margin: 0 auto;
            height: auto;
            width: auto;
            position: relative;
            display: block;

        }

        #about_bottom_p_container1 {
            margin: auto 0;
            width: auto;
            height: 150px;
            position: relative;
            display: block;
        }

    #about_bottom_p_container2 {
        margin: auto 0;
        width: auto;
        height: 180px;
        position: relative;
        display: block;
    }

        #about_bottom_photo_container {
            margin: auto 0;
            width: auto;
            height: auto;
            position: relative;
            display: block;
/*            padding-bottom: 20px;*/
            justify-self: center;
        }

/************CONTACT*********************/

    #contentHeading {
        font-size: 21px;
        font: bolder;
        justify-self: center;
    }


    #contact_p_container {
        margin: auto 0;
        height: 280px;
        display: block;
        position: relative;
    }

    .send-box {
        padding-top: 20px;
        width: 60px;
        height: auto;
        position: relative;
    }

    .contact-form {
        border: solid 1px black;
        width: 500px;
        height: auto;
        padding: 30px;
/*        display: block;*/
        position: relative;
/*        justify-content: center;*/
    }

    #contact_photo_container {
        margin: 0 auto;
        width: 300px;
        height: 450px;
        display: block;
        position: relative;
        object-fit: contain;
    }

/*************Medium devices (landscape tablets, 768px and up) **********/

    @media(min-width: 768px){

          /***************EVENT****************/
        #event-photo-container {
            margin: 0 auto;
            height: 570px;
            width: 450px;
            display: block;
            padding-left: 12px;
            object-fit: contain;
        }

        #event-text-container {
            height: 140px;
            width: auto;
            position: relative;
            display: block;
            top: 10%;
        }

    }


        /************CONTACT*********************/

 
           .contact-form {
            border: solid 1px black;
            width: 500px;
            height: auto;
            padding: 30px;
/*            display: block;*/
            position: relative;
            justify-content: center;
        }

       
     .col-sm-6{
         width: 100%;
         justify-items: center;
     }

}
/************* Large devices (laptops/desktops, 992px and up)*******/

@media(min-width:992px) {

    /********INDEX***********************8*/

    #slider {
        margin: 0 auto;
        width: 840px;
        height: 500px;
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        display: block;
        unicode-bidi: isolate;
    }

        #slider a img {
            padding: 10px;
            background: black;
            width: 840px;
            height: auto;
        }

    /***************EVENT****************/

    #event-text-container {
        height: 140px;
        width: 80%;
        position: relative;
        display: block;
        padding-top: 2rem;
        justify-self: center;
    }

    #event-photo-container {
        margin: 0 auto;
        height: 670px;
        width: 500px;
        display: block;
        padding-left: 12px;
        object-fit: contain;
    }
    
    
    /************CONTACT*********************/

    #contentHeading {
        font-size: 21px;
        font: bolder;
        justify-self: center;
    }


    #contact_p_container {
        margin: auto 0;
        height: auto;
        width: 80%;
        display: block;
        position: relative;
        justify-self: center;

    }

}

/******** Extra large devices (large laptops and desktops, 1200px and up)***********/

@media only screen and (min-width: 1200px) {

    html {
        font-size: 20px;
    }
    /********INDEX***********************8*/

    #slider {
        margin: 0 auto;
        width: 940px;
        height: 600px;
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
        display: block;
        unicode-bidi: isolate;
    }

        #slider a img {
            padding: 10px;
            background: black;
            width: 940px;
            height: auto;
        }

    /***************EVENT****************/

    #event-text-container {
        width: 80%;
        position: relative;
        display: block;
        padding-top: 2rem;
        justify-self: center;
    }

    #event-photo-container {
        margin: 0 auto;
        height: 770px;
        width: 600px;
        display: block;
        padding-left: 12px;
        object-fit: contain;
    }

    /************ABOUT*******************************/

    #about-top-container {
        margin: 0 auto;
        background-color: white;
        width: auto;
        height: 20rem;
        resize: both;
        position: relative;
        display: block;
        top: 22%;

    }

    #about_photo_container {
        width: 40%;
        height: 90%;
        position: relative;
        display:inline-block;
        padding-bottom: 20px;
        justify-items: left;
    }

    #about_top_p_container {
        width: 55%;
        height: 65%;
        position: relative;
        display: inline-block;
    }

    #about_bottom-container {
        height: 30%;
        width: auto;
        position: relative;
        display: block;
        
    }

    #about_bottom_p_container1 {
        margin: auto 0;
        width: auto;
        height: 150px;
        position: relative;
        display: block;
    }

    #about_bottom_p_container2 {
        margin: auto 0;
        width: 40%;
        height: 10%;
        position: relative;
        display: inline-block;
        bottom: 6rem;
        

    }

    #about_bottom_photo_container {
        margin: auto 0;
        width: 55%;
        height: 100%;
        position: relative;
        display: inline-block;
        left: 5%;
    }

    /************CONTACT*********************/

    #contact-top-container {
        margin: 0 auto;
        background-color: white;
        width: auto;
        height: 30rem;
        position: relative;
        display: block;
    }

    #contact_p_container {
        height: 25rem;
        width: 50%;
        display: inline-block;
        position: relative;
        bottom: 20rem;
    }

    #contact_photo_container {
        margin: 0 auto;
        width: 60%;
        height: 70%;
        display: inline-block;
        position: relative;
        object-fit: contain;
        left: 70%;
    }


    .contact-form {
        border: solid 1px black;
        width: 80%;
        height: auto;
        padding: 30px;
        /*            display: block;*/
        position: relative;
        justify-content: center;

    }


    .col-sm-6 {
        width: 100%;
        justify-items: center;
    }

   

}