body{
	font-family: 'EB Garamond', serif;

}

.intro h1{
	font-size:45px;
	text-transform: uppercase;
	letter-spacing: 24px;
}

.intro p{
	text-transform: uppercase;
	letter-spacing: 0px;
	line-height:30px;
}

@media screen and (min-width:1024px){

	.intro p{
		text-transform: uppercase;
		letter-spacing: 10px;
		line-height:50px;
	}

}

.search{
	background: #333;
	color: #fff;
	text-transform: uppercase;
}


.media-zone{
	background: #fff;
}
@media screen and (min-width:1024px){
	.media-zone:before{

	    content: "";
	    position: absolute;
	    z-index: 1;
	    top: 0;
	    bottom: 50px;
	    left: 36px;
	    background: rgba(0, 0, 0, 0.3);
	    -webkit-box-shadow: -11px -2px 39px 1px rgba(0, 0, 0, 0.3);
	    -moz-box-shadow: -11px -2px 39px 1px rgba(0, 0, 0, 0.3);
	    box-shadow: -11px -2px 39px 1px rgba(0, 0, 0, 0.3);
	    width: 100px;
	    transform: rotate(-2deg);
	}
}

.media-wrapper{
	background: #fff;
	z-index: 5;
	position: relative;
	top:-30px;
	padding:50px;

}

.media-wrapper h2{
	text-transform: uppercase;
	font-size:30px;
	
}

@media screen and (min-width:1024px){
	.media-wrapper h2{
	text-transform: uppercase;
	font-size:38px;
	letter-spacing:25px;
}

}

.media-wrapper p{
	line-height:40px;
}


.resources h2{
	text-transform: uppercase;
	letter-spacing: 10px;
}

.resources li i{margin-right:5px;}

.resources ul{
	list-style: none;
}

.resources a, .resources a:hover{
	font-size:22px;
	color: #333;
}

.resources a.gj{
	padding:20px 20px 30px 20px;
	color: #fff;
	background:#333;
	text-align:center;
	margin-top:30px;
	font-size:32px!important;
	line-height:32px!important;
	display: inline-block;
}
.gj small{
	font-size:11px;
	display: block;
}
.resources a.gj:hover{
	color:#fff;
}




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

	.logo-img{
	max-width:150px;
}


	.logo{
		text-align:center;
	}
}

footer{
	background:#333;
	color: #fff;
	text-align: center;
}

footer p{
	font-size:20px;
}

.map{
	background:#ccc;
	padding:30px 0;
}