// .header.site {
// 	font-family: Lato,sans-serif;
// 	font-size: 19px;
// 	font-weight: 300;
// 	text-transform: lowercase;
//
// 	a {color: #000;}
//
// 	.nav>li {padding: 0 10px;}
// 	.nav>li>a {
// 		background: none;
// 		padding: 15px 5px 10px 5px;
// 		&:hover {border-bottom: 3px solid #000;}
// 	}
//
// }

.site {

	font-family: Lato,sans-serif;

	.intro {
		display: flex;
		width: 100%;
		height: 450px;
		-webkit-align-items: center;
		background-size: cover;
		background-position: center;

		.lead {
			color: white;
			width: 100%;
			text-align: center;
			font-weight: 900;
			font-size: 72px;
		}
	}

	.menu {
		margin: 20px 0;
	}

	.navbar-nav {
		float: none;
		width: 465px;
		margin: 0 auto;

		li {
			padding: 0 10px;
			&:hover {border-bottom: 3px solid #000;}
		}
		
		li > a {
			color: #333;
			text-transform: uppercase;
			background: none;
			font-size: 18px;
			padding: 15px 5px 10px 5px;			
		}

		li:first-child {
			border-bottom: 3px solid #000;	
		}

		// li a {
			
		// 	font-weight: 300;
		// 	//letter-spacing: 3px;
		// 	font-size: 18px;

		// 	&:hover {
		// 		background-color: transparent;
		// 	}

		// 	&.selected {
		// 		font-weight: 900;
		// 	}
		// }
	}

	h3 {
		font-weight: 800;
  		text-transform: uppercase;
	}

	.event-highlight {
		cursor: pointer;
		text-align: center;
		padding: $padding;
		color: white;
		background-color: rgba(84, 172, 244, 1);

		> p {
			margin: 0;
		}
	}

	.photo-post {
		img {
			display: block;
			width: 100%;
			margin-bottom: $padding;
		}
	}

	.contact-wrap {
		// margin-top: 38px;
		border: 1px solid #ccc;
		padding: 20px;
		text-align: center;

	}
}
