@media only screen and (max-width: 800px){
    .main-container .header1{display: none}
    .main-container .small-menu{display: block;}
    .main-container .reg-signup{font-size: 20px;}
    .main-container .covid-warning{font-size: 18px}
    .main-container .covid-warning h1{font-size: 28px}
    .main-container .covid-warning h3{font-size: 20px}
    .main-container .image{width: calc(80% + 1vw)}
    .spacer{padding-top: 30px}
    .main-container .pastor h1{font-size: 28px}
    h1{font-size: 28px}
    h2{font-size: 24px}
    h3{font-size: 20px}
    .main-container .new-flex-box .new-header{font-size: 28px}
    .main-container .new-flex-box{width: 90%}
    .footer-menu{font-size: 8px}
    .nav-text{font-size: 16px}
    .nav-logo-image{width: 20px}
    .message-bottom-left{font-size: 14px}
    .message-bottom-right{font-size: 14px}
    .message-flex-container{width: 100%}
    .event-container{width: 100%}
    .main-container .h-table-flyer{width:320px}
    .main-container .h-table-menu{width: 320px}
    .h-img{width: 320px}


}


@media only screen and (max-width: 1000px) {
    .flex-container-nav {
    //        background-color: lightblue;
        font-size: 1.0rem;
    }
    input[type='text'], input[type='password'], select, textarea{
        width:135px;
    }
    .nbox1{display: none;}
    .main-container .header1 .nav-links{display: block}
    .main-container .header1 .containernav{display: none;}
    .main-container .header1 .nav-text{font-size: 14px}
    .main-container .header1 .nav-logo{flex: 0 0 25%}
    .main-container .header1 .nav-links .nav-about{font-size: 14px}
    .main-container .header1 .nav-links .nav-contact{font-size: 14px}
    .main-container .header1 .nav-links .nav-events{font-size: 14px}
    .main-container .header1 .nav-links .nav-message{font-size: 14px}
    .main-container .header1 .nav-links {flex: 0 0 75%}
    .main-container .flex-container{flex-wrap: wrap}
    .main-container .header1 .flex-container-nav .containernav{top:5px;right: 10px;}
    .main-container .header1 .flex-container-nav .containernav .bar1 {width: 20px; height: 3px}
    .main-container .header1 .flex-container-nav .containernav .bar3 {width: 20px; height: 3px}
    .main-container .header1 .flex-container-nav .containernav .bar2 {width: 25px;height: 3px}
    .main-container .header1 .flex-container-nav{height: 40px;}

    .pastor h1{font-size: 20px;}
    .modalnav1 .modalnav-content1{width: 100%; font-size: 40px}
    .modalnav1 .modalnav-content1 a{padding-top: 0;}
    .navmenu1 a{font-size: 40px;width: 100%}
    #liveservice{font-size: 7px}
    .main-container{padding-top: 40px}
    .h1{font-size: 20px}
    .h2{font-size:18px}
    .main-container .flex-container .m3cs{flex:0 0 325px;}
    .main-container .flex-container .lg-box{flex:0 0 325px;}
    .main-container .flex-container .lg-pics{width: 320px}
}