/* ====================== */

/* ! Mobile Style Sheet   */

/* ====================== */





@media only screen and (max-width: 2010px) {

.covid-icon {
    float: left;
    padding-right: 20px;

}

/* Smaller screens */



@media only screen and (max-width: 1010px) {

#header-area {
 float: none;
 text-align:left; 
 width: 100%;
 padding-top: 20px; */
}

.page1 #header-area {
 float: none;
 text-align:center; 
 width: 100%;
 padding-top: 20px; */
}

.page1 #header-area h3{

	text-align:center;
}



#logo {
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  display: inline-block;
  float: none;
  width: 100%;
  margin: 0 3% 0 3%;
}


.covid-icon {
    float: left;
    padding-right: 20px;
}
	

	nav {

		padding:0;

	}

	.sf-menu {

		float:none;

	}

	nav ul li {

		float:none!important;

		border-top:1px solid #444;

	}

	nav ul li:first-child, nav ul li li {

		border-top:none!important;

	}

	nav ul li a {

		font-size:1.1em;

		padding:0.75em 1em !important;

	}

	nav li li a {

		padding:1em 1.25em !important;

	}

	#mobile-nav-btn {

        display: block;

    }

    .mobnav-subarrow {

        display: block;

        background-color: #111;

        opacity: .3;

        border-bottom: 1px solid white;

        border-top: 1px solid black;

        height: 20px;

        width: 30px;

        background-position: top left!important;

        position: absolute;

        top: 7px;

        right: 10px;

        -webkit-border-radius: 5px;

        border-radius: 5px;

        cursor: pointer;

        -webkit-border-radius: 5px;

        border-radius: 5px;

        cursor: pointer;

        -webkit-transition: all .1s ease-in-out;

        -moz-transition: all .1s ease-in-out;

        -ms-transition: all .1s ease-in-out;

        -o-transition: all .1s ease-in-out;

        transition: all .1s ease-in-out;

    }

    .sf-menu {

        width: 100%!important;

        display: none;

    }

    .sf-menu.xactive {

        display: block!important;

    }

    .sf-menu li {

        float: none!important;

        display: block!important;

        width: 100%!important;

    }

    .sf-menu li a {

        float: none!important;

    }

    .sf-menu ul {

        position:static!important;

        display: none!important;

		opacity:1!important;

		box-shadow:none!important;

    }

    .xpopdrop > ul {

        display: block!important;

    }

	.sf-arrows .sf-with-ul:after {

		border:none;

	}

	

	



/* Mobile */



@media handheld, only screen and (max-width: 767px) {

#header-area {
 float: none;
 text-align:left; 
 width: 100%;
 padding-top: 20px; */
}

header {overflow: hidden;}

.responsive {
  width: 100%;
}

.covid-icon {
    width: 40%;
    float: none;
    display:block;
    margin:0 auto;
     padding-bottom: 20px;
}



	nav {

		padding:0;

	}

	.sf-menu {

		float:none;

	}

	nav ul li {

		float:none!important;

		border-top:1px solid #444;

	}

	nav ul li:first-child, nav ul li li {

		border-top:none!important;

	}

	nav ul li a {

		font-size:1.1em;

		padding:0.75em 1em !important;

	}

	nav li li a {

		padding:1em 1.25em !important;

	}

	#mobile-nav-btn {

        display: block;

    }

    .mobnav-subarrow {

        display: block;

        background-color: #111;

        opacity: .3;

        border-bottom: 1px solid white;

        border-top: 1px solid black;

        height: 20px;

        width: 30px;

        background-position: top left!important;

        position: absolute;

        top: 7px;

        right: 10px;

        -webkit-border-radius: 5px;

        border-radius: 5px;

        cursor: pointer;

        -webkit-border-radius: 5px;

        border-radius: 5px;

        cursor: pointer;

        -webkit-transition: all .1s ease-in-out;

        -moz-transition: all .1s ease-in-out;

        -ms-transition: all .1s ease-in-out;

        -o-transition: all .1s ease-in-out;

        transition: all .1s ease-in-out;

    }

    .sf-menu {

        width: 100%!important;

        display: none;

    }

    .sf-menu.xactive {

        display: block!important;

    }

    .sf-menu li {

        float: none!important;

        display: block!important;

        width: 100%!important;

    }

    .sf-menu li a {

        float: none!important;

    }

    .sf-menu ul {

        position:static!important;

        display: none!important;

		opacity:1!important;

		box-shadow:none!important;

    }

    .xpopdrop > ul {

        display: block!important;

    }

	.sf-arrows .sf-with-ul:after {

		border:none;

	}

	

	

	

}