/* Mobile Portrait */
@media only screen and (max-width: 414px) {
	#SiteHeader{
	top: 0;	
	}
	#covid{
		height:auto !important;
		
	}
	
	#HeaderInstagram, #HeaderTwitter, #HeaderFacebook, #TopNavigation, #MainNavigation ,#HeaderYoutube{
		display: none;
	}

	#topMenu, #mainMenu, .mobileMenu {
		display: none;
	}

	#HeaderSocialIcons #HeaderSearch {
		width: 1.5em;
		padding: .5em;
		height: auto;
		background: #01758A;
	}

	.mobileMenuToggle {
		width: 1.5em;
		padding: .62em;
		height: auto;
		display: block;
		margin: .5em 2.5em 0 0;
		float: right;
		background: #01758A;
	}

	#TopMenuContainer {
		width: 100%;
		position: absolute;
		background: none;
		z-index: 1;
	}

	#TopMenuContent {
		width: 100%;
		position: relative;
	}

	#MobileNavigation {
		width: 100%;
		display: block;
		position: absolute;
	}

	#MainMenuContainer {
		display: none;
	}
	
	
	
	#HomeYoutube{
    width: 6em;
    margin-top: -19px;
    margin-left: 5px;
}
	#HomeYoutube img{
margin-top: -8px;
}



/* Mobile Menu */

	.mobileMenu {
		list-style: none; 
		padding: 0 0 0 .5em; 
		margin: 0 0 0 0;
		width: 100%;
		float: none;
		text-transform: uppercase;
		font-size: 1.25em;
		font-weight: bold;
		text-align: left;
		position: relative;
	}

	.mobileMenu li {
		display: block;
		width: 100%;
		padding: .5em 0; 
		margin: 0 0 0 0;
	}

	.mobileMenu li:last-child {
		border: none;
	}

	.mobileMenu.expand {
		max-height: 900em;
		margin-top: 3em;
		padding-top: 1em;
		display: block;
		background: #01758A;
	}

	.mobileMenuToggle img {
		width: 100%;
		height: auto;
	}

	.mobileMenu a {
		color: #FFF;
		text-decoration: none;
		line-height: 2em;
	}

	.mobileMenu a:hover, .mobileMenu .current {
		color: #FFC72A;
	}

	#footerMenu li, #footerBottomMenu li {
		margin-bottom: 1em;
	}

	#LogoContainer {
		margin: 0 0 0 5%;
		width: 20%;
		position: absolute;
		left: .05em;
		padding: 0 0 0.5 0
		z-index: 10;
	}

	#SiteMain {
		width: 96%;
		margin: 0 auto;
	}

	#SiteFooter {
	}

	#FooterSocialIcons {
		width: 254px;
	}

	#footerMenu li, #footerBottomMenu li {
		padding: 0 .25em;
	}

	#FooterNavigation {
		width: 96%;
		margin: 1em auto;
	}

	#footerMenu, #footerBottomMenu {
		list-style: none;
		font-size: .9em;
		text-align: center;
		margin-bottom: 1em;
	}

/* Home */

	#HomeHero figcaption {
		width: 90%;
		bottom: 5%;
	}

	#HomeHero figcaption h1 {
		font-size: 1.125em;
		letter-spacing: 2px;
	}

	#HomeHero figcaption h2 {
		font-size: .75em;
		letter-spacing: 1px;
	}

	.rslides_tabs {
		display: none;
	}

	.OverlayWithButton {
		top: 40%;
		width: 4em;
	}

	#HomeContainer {
		padding: .5em 0 .5em 0;

	}

	#HomeContainer h1 {
		font-size: 1.5em;
		margin: 0 auto 0 auto;
	}

	.EventItem {
		width: 100%;
		height: 255px;
		margin: 0 auto 1em auto;
	}

	.EventDay {
		font-size: 3em;
	}

	.EventMonth {
		font-size: 1.25em;
	}

	.EventDates {
		font-size: 1em;
	}

	.EventName {
		font-size: 1.25em;
	}

	#BlogLogoContainer {
		width: 56%;
		height: auto;
		margin: 0 auto 1em auto;
	}

	#HomeBlogList {
		margin-top: 3em;
	}

	.HomeBlogContainer {
		width: 100%;
		height: auto;
		float: none;
	}

	.HomeBlogImage figcaption {
		min-height: 3em;
		padding: 0 3.0em;
	}

	#HomeBlogList .HomeBlogImage figcaption h1 {
		font-size: 2em;
		color: #FFF;
	}

	#HomeBlogList .HomeBlogImage figcaption p {
		color: #FFF;
		font-size: 1.25em;
		line-height: 1.5em;
	}

	#HomeBlogList .HomeBlogImage figcaption a {
		color: #A4E6F2;
	}

	#ConnectContainer h1 {
		font-size: 1.5em;
	}

	#ConnectSocialIcons figure {
		width: 2em;
		margin: 0 1em;
	}
	
	#HomeYoutube {
	width: 3em !important;
	height: auto !important;
	cursor: pointer !important;
	margin: 0 1.5em !important;
}

/* Subpage */

	#SubHero figcaption h1 {
		font-size: 1.5em;
	}

/* Category Pages */

	h1#CatTitle {
		font-size: 1.5em;
		margin-top: 1em;
	}

	figure.CatsNavThumb {
		width: 27%;
		margin: 0 .5em 1em .5em;
	}

	figure.CatsNavThumb figcaption {
		font-size: .8em;
		min-height: 3.75em;
		background: rgba(0,0,0,0.60);

	}

	.TabItemContainer {
		width: 45%;
		min-height: 21em;
		margin: 0 0 2em 0;
	}

	.TabItemContainer:nth-child(odd) {
		clear: left;
		float: left;
	}

	.TabItemContainer:nth-child(even) {
		clear: right;
		float: right;
	}

	.TabItemContainer:nth-child(3n+1) {
		clear: none;
		margin-left: 0;
	}

	#ItemPhotosContainer {
		width: 100%;
		float: none;
	}

	#ItemPhotosContainer figure {
		width: 100%;
		height: auto;
	}

	#ItemDetailsContainer {
		width: 100%;
		margin-top: 1em;
		float: none;
	}

/* News */

	#NewsColumn {
		width: 100%;
		float: none;
	}

	#NewsNav {
		display: none;
	}

/* Team Members */

	.TeamMemberContainer {
		width: 85%;
	}

} /* END Mobile Portrait */

/* Small Mobile Landscape */
@media only screen and (min-width: 415px) and (max-width: 736px) {
	#SiteHeader{
	top: 0;	
	}
	#covid{
		height:auto !important;
		
	}

	#HeaderInstagram, #HeaderTwitter, #HeaderFacebook, #TopNavigation, #MainNavigation, #HeaderYoutube {
		display: none;
	}

	#topMenu, #mainMenu, .mobileMenu {
		display: none;
	}

	#HeaderSocialIcons #HeaderSearch {
		width: 1.5em;
		padding: .5em;
		height: auto;
		background: #01758A;
	}

	.mobileMenuToggle {
		width: 1.5em;
		padding: .62em;
		height: auto;
		display: block;
		margin: .5em 2.5em 0 0;
		float: right;
		background: #01758A;
	}

	#TopMenuContainer {
		width: 100%;
		position: absolute;
		background: none;
		z-index: 1;
	}

	#TopMenuContent {
		width: 100%;
		position: relative;
		margin-top: 2em;
	}

	#MobileNavigation {
		width: 100%;
		display: block;
		position: absolute;
	}

	#MainMenuContainer {
		display: none;
	}

/* Mobile Menu */

	.mobileMenu {
		list-style: none; 
		padding: 0 0 0 .5em; 
		margin: 0 0 0 0;
		width: 100%;
		float: none;
		text-transform: uppercase;
		font-size: 1.25em;
		font-weight: bold;
		text-align: left;
		position: relative;
	}

	.mobileMenu li {
		display: block;
		width: 100%;
		padding: .5em 0; 
		margin: 0 0 0 0;
	}

	.mobileMenu li:last-child {
		border: none;
	}

	.mobileMenu.expand {
		max-height: 900em;
		margin-top: 3em;
		padding-top: 1em;
		display: block;
		background: #01758A;
	}

	.mobileMenuToggle img {
		width: 100%;
		height: auto;
	}

	.mobileMenu a {
		color: #FFF;
		text-decoration: none;
		line-height: 2em;
	}

	.mobileMenu a:hover, .mobileMenu .current {
		color: #FFC72A;
	}

	#footerMenu li, #footerBottomMenu li {
		margin-bottom: 1em;
	}

	#LogoContainer {
		margin: 0 0 0 5%;
		width: 35%;
		position: absolute;
		left: 1em;
		z-index: 10;
	}

	#SiteMain {
		width: 96%;
		margin: 0 auto;
	}

	#SiteFooter {
	}

	#FooterSocialIcons {
		width: 254px;
		padding-left: 27px;
	}

	#footerMenu li, #footerBottomMenu li {
		padding: 0 .25em;
	}

	#FooterNavigation {
		width: 96%;
		margin: 1em auto;
	}

	#footerMenu, #footerBottomMenu {
		list-style: none;
		font-size: .9em;
		text-align: center;
		margin-bottom: 1em;
	}

/* Home */

	#HomeHero figcaption {
		width: 90%;
		bottom: 5%;
	}

	#HomeHero figcaption h1 {
		font-size: 1.5em;
		letter-spacing: 2px;
	}

	#HomeHero figcaption h2 {
		font-size: .75em;
		letter-spacing: 1px;
	}

	.rslides_tabs {
		display: none;
	}

	.OverlayWithButton {
		top: 40%;
		width: 4em;
	}

	#HomeContainer {
		padding: 1em 0 1em 0;

	}

	#HomeContainer h1 {
		font-size: 1.5em;
		margin: 0 auto 0 auto;
	}

	.EventItem {
		width: 48%;
		height: 255px;
		margin: 0 auto 1em auto;
	}

	.EventItem:nth-child(odd) {
		float: left;
	}

	.EventItem:nth-child(even) {
		float: right;
	}

	.EventDay {
		font-size: 3em;
	}

	.EventMonth {
		font-size: 1.25em;
	}

	.EventDates {
		font-size: 1em;
	}

	.EventName {
		font-size: 1.25em;
	}

	#BlogLogoContainer {
		width: 20%;
		height: auto;
		margin: 0 auto 1em auto;
	}

	#HomeBlogList {
		margin-top: 3em;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}

	.HomeBlogContainer {
		width: 48%;
		height: auto;
		margin: 0 .5em 1em 0;
		float: left;
	}

	.HomeBlogContainer:nth-child(even) {
		margin: 0 0 1em 0;
	}

	.HomeBlogImage figcaption {
		min-height: 3em;
		padding: 0 3.0em;
	}

	#HomeBlogList .HomeBlogImage figcaption h1 {
		font-size: 1.25em;
		color: #FFF;
	}

	#HomeBlogList .HomeBlogImage figcaption p {
		color: #FFF;
		font-size: 1em;
		line-height: 1.5em;
	}

	#HomeBlogList .HomeBlogImage figcaption a {
		color: #A4E6F2;
	}

	#ConnectContainer h1 {
		font-size: 1.5em;
	}

	#ConnectSocialIcons figure {
		width: 2em;
		margin: 0 1em;
	}
	#HomeYoutube {
	width: 3em !important;
	height: auto !important;
	cursor: pointer !important;
	margin: 0 1.5em !important;
}
#HomeYoutube img{
margin-top: -7px;
}

/* Subpage */

	#SubHero figcaption h1 {
		font-size: 1.5em;
	}

/* Category Pages */

	h1#CatTitle {
		font-size: 1.5em;
		margin-top: 1em;
	}

	figure.CatsNavThumb {
		width: 27%;
		margin: 0 .5em 1em .5em;
	}

	figure.CatsNavThumb figcaption {
		font-size: .8em;
		min-height: 3.75em;
		background: rgba(0,0,0,0.60);

	}

	.TabItemContainer {
		width: 45%;
		min-height: 21em;
		margin: 0 0 2em 0;
	}

	.TabItemContainer:nth-child(odd) {
		clear: left;
		float: left;
	}

	.TabItemContainer:nth-child(even) {
		clear: right;
		float: right;
	}

	.TabItemContainer:nth-child(3n+1) {
		clear: none;
		margin-left: 0;
	}

	#ItemPhotosContainer {
		width: 100%;
		float: none;
	}

	#ItemPhotosContainer figure {
		width: 100%;
		height: auto;
	}

	#ItemDetailsContainer {
		width: 100%;
		margin-top: 1em;
		float: none;
	}

/* News */

	#NewsColumn {
		width: 100%;
		float: none;
	}

	#NewsNav {
		display: none;
	}

/* Team Members */

	.TeamMemberContainer {
		width: 45%;
		margin-right: 1em;
	}

	.TeamMemberContainer:nth-child(even) {
		margin-right: 0;
	}


} /* END Small Mobile Landscape */

/* Other */
@media only screen and (min-width: 737px) and (max-width: 800px) {
	#SiteHeader{
	top: 0;	
	}
	#covid{
		height:auto !important;
		
	}

	#HeaderInstagram, #HeaderTwitter, #HeaderFacebook, #TopNavigation, #MainNavigation,#HeaderYoutube {
		display: none;
	}

	#topMenu, #mainMenu, .mobileMenu {
		display: none;
	}

	#HeaderSocialIcons #HeaderSearch {
		width: 1.5em;
		padding: .5em;
		height: auto;
		background: #01758A;
	}

	.mobileMenuToggle {
		width: 1.5em;
		padding: .62em;
		height: auto;
		display: block;
		margin: .5em 2.5em 0 0;
		float: right;
		background: #01758A;
	}

	#TopMenuContainer {
		width: 100%;
		position: absolute;
		background: none;
		z-index: 1;
	}

	#TopMenuContent {
		width: 100%;
		position: relative;
		margin-top: 2em;
	}

	#MobileNavigation {
		width: 100%;
		display: block;
		position: absolute;
	}

	#MainMenuContainer {
		display: none;
	}

/* Mobile Menu */

	.mobileMenu {
		list-style: none; 
		padding: 0 0 0 .5em; 
		margin: 0 0 0 0;
		width: 100%;
		float: none;
		text-transform: uppercase;
		font-size: 1.25em;
		font-weight: bold;
		text-align: left;
		position: relative;
	}

	.mobileMenu li {
		display: block;
		width: 100%;
		padding: .5em 0; 
		margin: 0 0 0 0;
	}

	.mobileMenu li:last-child {
		border: none;
	}

	.mobileMenu.expand {
		max-height: 900em;
		margin-top: 3em;
		padding-top: 1em;
		display: block;
		background: #01758A;
	}

	.mobileMenuToggle img {
		width: 100%;
		height: auto;
	}

	.mobileMenu a {
		color: #FFF;
		text-decoration: none;
		line-height: 2em;
	}

	.mobileMenu a:hover, .mobileMenu .current {
		color: #FFC72A;
	}

	#footerMenu li, #footerBottomMenu li {
		margin-bottom: 1em;
	}

	#LogoContainer {
		margin: 0 0 0 5%;
		width: 20%;
		position: absolute;
		left: 1em;
		z-index: 10;
	}

	#FooterSocialIcons {
		width: 254px;
		padding-left: 27px;
	}

	#footerMenu li, #footerBottomMenu li {
		padding: 0 .25em;
	}

	#FooterNavigation {
		width: 96%;
		margin: 1em auto;
	}

	#footerMenu, #footerBottomMenu {
		list-style: none;
		font-size: .9em;
		text-align: center;
		margin-bottom: 1em;
	}

/* Home */

	#HomeHero figcaption h1 {
		font-size: 1.75em;
		letter-spacing: 2px;
	}

	#HomeHero figcaption h2 {
		font-size: .75em;
		letter-spacing: 1px;
	}

	.EventItem {
		width: 48%;
		height: 255px;
		margin: 0 auto 1em auto;
	}

	.EventItem:nth-child(odd) {
		float: left;
	}

	.EventItem:nth-child(even) {
		float: right;
	}

	#HomeBlogList {
		margin-top: 3em;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}

	.HomeBlogContainer {
		width: 48%;
		height: auto;
		margin: 0 .5em 1em 0;
		float: left;
	}

	.HomeBlogContainer:nth-child(even) {
		margin: 0 0 1em 0;
	}

	#ConnectContainer h1 {
		font-size: 1.5em;
	}

	#ConnectSocialIcons figure {
		width: 2em;
		margin: 0 1.5em;
	}
#HomeYoutube {
	width: 3em !important;
	height: auto !important;
	cursor: pointer !important;
	margin: 0 1.5em !important;
}
#HomeYoutube img{
margin-top: -7px;
}
/* Team Members */

	.TeamMemberContainer {
		width: 45%;
		margin: 0 auto 1em auto;
	}

}

@media only screen and (min-width: 801px) and (max-width: 1000px) {

	#SiteHeader{
	top: 0;	
	}
	
	#covid{
		height:auto !important;
		
	}
	
	#HeaderInstagram, #HeaderTwitter, #HeaderFacebook, #TopNavigation, #MainNavigation, #HeaderYoutube {
		display: none;
	}

	#topMenu, #mainMenu, .mobileMenu {
		display: none;
	}

	#HeaderSocialIcons #HeaderSearch {
		width: 1.5em;
		padding: .5em;
		height: auto;
		background: #01758A;
	}

	.mobileMenuToggle {
		width: 1.5em;
		padding: .62em;
		height: auto;
		display: block;
		margin: .5em 2.5em 0 0;
		float: right;
		background: #01758A;
	}

	#TopMenuContainer {
		width: 100%;
		position: absolute;
		background: none;
		z-index: 1;
	}

	#TopMenuContent {
		width: 100%;
		max-width: 100%;
		position: relative;
		margin-top: 2em;
	}

	#MobileNavigation {
		width: 100%;
		display: block;
		position: absolute;
	}

	#MainMenuContainer {
		display: none;
	}

/* Mobile Menu */

	.mobileMenu {
		list-style: none; 
		padding: 0 0 0 .5em; 
		margin: 0 0 0 0;
		width: 100%;
		float: none;
		text-transform: uppercase;
		font-size: 1.25em;
		font-weight: bold;
		text-align: left;
		position: relative;
	}

	.mobileMenu li {
		display: block;
		width: 100%;
		padding: .5em 0; 
		margin: 0 0 0 0;
	}

	.mobileMenu li:last-child {
		border: none;
	}

	.mobileMenu.expand {
		max-height: 900em;
		margin-top: 3em;
		padding-top: 1em;
		display: block;
		background: #01758A;
	}

	.mobileMenuToggle img {
		width: 100%;
		height: auto;
	}

	.mobileMenu a {
		color: #FFF;
		text-decoration: none;
		line-height: 2em;
	}

	.mobileMenu a:hover, .mobileMenu .current {
		color: #FFC72A;
	}

	#footerMenu li, #footerBottomMenu li {
		margin-bottom: 1em;
	}

	#LogoContainer {
		margin: 0 0 0 5%;
		width: 30%;
		position: absolute;
		left: 1em;
		z-index: 10;
	}

	#FooterSocialIcons {
		width: 254px;
		padding-left: 27px;
	}

	#footerMenu li, #footerBottomMenu li {
		padding: 0 .25em;
	}

	#FooterNavigation {
		width: 96%;
		margin: 1em auto;
	}

	#footerMenu, #footerBottomMenu {
		list-style: none;
		font-size: .9em;
		text-align: center;
		margin-bottom: 1em;
	}

/* Home */

	#HomeHero figcaption h1 {
		font-size: 1.75em;
		letter-spacing: 2px;
	}

	#HomeHero figcaption h2 {
		font-size: .75em;
		letter-spacing: 1px;
	}

	.EventItem {
		width: 48%;
		height: 255px;
		margin: 0 auto 1em auto;
	}

	.EventItem:nth-child(odd) {
		float: left;
	}

	.EventItem:nth-child(even) {
		float: right;
	}

	#HomeBlogList {
		margin-top: 3em;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}

	.HomeBlogContainer {
		width: 48%;
		height: auto;
		margin: 0 .5em 1em 0;
		float: left;
	}

	.HomeBlogContainer:nth-child(even) {
		margin: 0 0 1em 0;
	}

	#ConnectContainer h1 {
		font-size: 1.5em;
	}

	#ConnectSocialIcons figure {
		width: 2em;
		margin: 0 1.5em;
	}

#HomeYoutube {
	width: 3em !important;
	height: auto !important;
	cursor: pointer !important;
	margin: 0 1.5em !important;
}
#HomeYoutube img{
margin-top: -7px;
}
	
/* Team Members */

	.TeamMemberContainer {
		width: 45%;
		margin: 0 auto 1em auto;
	}














}









@media only screen and (max-width: 800px)
{
	#FacebookWidget, #TwitterWidget {
		width: 100%;
		height: 310px;
		float: none;
		margin: 0 auto;
		padding: 0;
		display: block;
	}

	#FacebookWidget {
		width: 99%;
		margin: 0 auto;
	}

	#FacebookWidget span {
		width: 100% !important;
		margin: 0 auto;
	}

	#FacebookWidget span iframe {
		width: 100% !important;
		margin: 0 auto;
	}

}

/* END Other */