@font-face {

	font-family: blackChantery;
	src: url(BLKCHCRY.TTF);

}

body {

	font-family: Arial, Helvetica, sans-serif;
	margin:0;

}


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


	.gallery_container {

		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;


	}
	.gallery_item {

		height: 250px;
		width: 350px;
		margin: 30px 40px 30px 40px;
		border-radius: 50px;
		text-decoration: none;
		background-repeat: no-repeat;
		background-size: 100% auto !important;
		background-position: center center !important;

	}

	#top {

		margin: 0;
	

	}
	.jumbo span:last-of-type {

		display: none;

	}

	nav {

		background: #FDAA78;
		

	}

	nav h1 {

		padding: 10px;
		margin:0;
		width:50%;

	}

	nav ul {

		display: flex;
		flex-direction: column;
		padding: 0;	
		margin:0px;

	}


	nav li {

		list-style-type:none;


	}

	nav .h {

		border-top: 2px solid black;

	}

	nav a {

		text-decoration: none;
		color: black;
		font-size: 1.3em;
		display: block;
		background: #FED1B1;
		padding:10px;
		border-bottom: 2px solid black;


	}

	.hamburger {

		width:35px;
		cursor: pointer;
		float:right;
		margin: 5px 10px 0px 10px;
		padding: 0px 5px 0px 5px;
		border: 2px solid black;
		border-radius: 5px;

	}

	.logo{

		width: 300px;

	}

	#logo {

		text-align:center;
		width: 100%;
		display:block;

	}

	.jumbo {

		padding: 20px;

	}

	.homepage_container, .content_container {

		padding: 20px;

	}

}

@media screen and (min-width: 800px) {
	
	.logo {

		width: 210px;

	}
	.hamburger {

		display:none;

	}
	.homepage {

		text-align: center;

	}

	nav {

		display:flex;

	}

	nav h1 {

		font-size:2.3em;
		font-weight:normal;
		margin:10px 8px 8px 30px;

	}

	nav ul {

		display:flex !important;
		flex-direction: row;
		margin:0;

	}

	nav li {

		list-style-type: none;
		padding-left:3px;


	}

	nav li a {

		padding:23px 15px 20px 15px;
		display:block;
		text-decoration:none;
		color: black;
		font-size:1.2em;

	}


	.jumbo h1 {

		font-size: 3em;
		font-weight: normal;
		margin:0;
		padding-top:50px;

	}

	.jumbo h2 {

		font-size:1.2em;
		margin-top:30px;
		font-weight: normal;
		padding-bottom:70px;

	}

	h3 {

		font-weight:normal;
		padding:0px 0px 15px 0px;

	}


	.homepage .jumbo {

		display: flex;
		flex-direction: row;
		justify-content: center;

	}

	.homepage .jumbo span {

		padding: 0px 20px 0px 20px;

	}

	.jumbo {
		font-family: blackChantery;
		margin:0;
		background-image:url(../img/banner.png);
		background-color: white;
		background-position: center; 
		background-size: auto 100%;
		text-align:center;
	}

	.nopadding {

		padding: 0;

	}

	.homepage_container {

		padding: 0px 180px 0px 180px;

	}

	.content_container{

		text-align: left;

		padding: 0px 20px 0px 20px;

	}

	.main_container {

		display: flex;
		flex-direction: column;

	}

	.gallery_container {

		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 40px;

	}

	.gallery_item {

		background: grey;
		border-radius: 20px;
		width: 20%;
		height: 15vw;
		margin: 0 5% 4% 5%;
		background-repeat: no-repeat;
		background-size: 100% auto !important;
		background-position: center center !important;
		display: block;
		text-decoration: none;

	}

	.contact img {

		vertical-align: middle;
		padding-right:10px;

	}

	.contact a {

		text-decoration:none;

	}
}