/* X-SMALL MOBILE */
/* Reset the breakpoints to 2 only. Ensure you are using Bootstrap 4.1 and col-x, instead of col-sm */
@media (max-width: 799px)  {
	
	/* Trigger mobile layouts sooner */
	div[class^="col"] {
		flex: none;
		max-width: 100%;
	}

	
	
	.nav-toggle {
		display: block;
		position: fixed;
		transition: 200ms all ease-out;		
		z-index: 999;
		right: 15px;
	}
	.nav-toggle:hover {
		cursor: pointer;
	}
	.nav-toggle.open {
		transform: rotate(90deg);
	}
	.nav-toggle div {
		background-color: #fff;
		width: 40px;
		height: 8px;
		margin-bottom: 5px;
		border-radius: 2px;
	}
	.navigation {
		background: #338277;
		position: fixed;
		height: 100vh;
		width: 100%;
		top: 0px;
		left: -100%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		z-index: 99;
		transition: 200ms all ease-out;
	}
	.navigation.open {
		left: 0px;
	}
	.navigation .nav {
		display: block;
	}
	.navigation .nav li a {
		font-weight: bold;
		font-size: 1.4em;
		padding: 5px 0;
		display: block;
	}
	.navigation .nav li.divider {
		border-top: 1px solid #fff;
		margin: 30px 0;
	}
	.navigation .nav li a.social {
		font-size: 1.9em;
	}
	body.open .site-wrapper {
		*display: none;
		
	}
	h1 {
		line-height: 1em;
	}
.container {
	max-width: 100%;
}
/* --------------------------------------------------------------------------------------- */
	

	.brand-wrapper h1 {
		text-transform: uppercase;
		margin: 0;
		padding: 0;
		line-height: normal;
		font-size: 1.5em;
		line-height: 1.0em;
	}

.nav.primary {
	width: 100%;
}



/* Entries SLIDESHOW */
	.entry-listing.slideshow {
		display: none;
	}


	.footer {
		flex-wrap: wrap;
	}
	.footer .nav {
		justify-content: center;
		margin-bottom: 20px;
	}
	.footer .copyright {
		position: relative;
		display: block;
		width: 100%;
		margin: 20px 0;
		text-align: center;
	}
	.footer .brand {
		width: 100%;
	}
	.footer .brand img {
		margin: 0 auto 20px auto;
		border: none;
	}


/* Dropdown */
.dropdown-button {
	width: 100%;
}




}